Skip to content

Instantly share code, notes, and snippets.

@Zulcom

Zulcom/example.html

Created May 29, 2018 11:59
Show Gist options
  • Save Zulcom/f6b2404e7bf656d997378ce670532c8a to your computer and use it in GitHub Desktop.
Save Zulcom/f6b2404e7bf656d997378ce670532c8a to your computer and use it in GitHub Desktop.
Download ZIP
JQuery асинхронная загрузка JS при попадании на экран (асинхронная загрузка виджета сообществ вк)
Raw
example.html
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Hello, world</h1>
<div id="vk_groups"></div>
<script src="./example.js"></script>
</body>
</html>
Raw
example.js
var loaded = false;
$(window).on('scroll', function () {
if (loaded) {return}
if ($('#vk_groups').offset().top.offsetTop >= window.innerHeight + document.body.scrollTop) {
$.getScript("//vk.com/js/api/openapi.js?154", function () {
VK.Widgets.Group("vk_groups", {mode: 3, no_cover: 1}, %YOUR_GROUP_ID%);
loaded = true;
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment