jQuery Scrollstop / Улучшение / Плагины Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify

Язык: Английский

Вес файла: 2.1 Kb

Уникальный ID: 2024

Посмотрели: 1285 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 16 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/ssorallen/jquery-scrollstop

Информация: Пользователям

Информация: Правообладателям

Теги: scroll, Plugin, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-05-02 в 08:58

Метка: 1588861170

⇄ ⇅

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2017/scrollstop/jquery.scrollstop.min.js"></script>

<style>
/* demo background */
body{background: #fff}
</style>

<div class="container">
<div class="row">

<div class="col-md-6 col-md-offset-3"><img src="http://drawings-girls.ucoz.net/2015/04/devushka-samurai-s-lucom.jpg" class="img-responsive" alt="1" /></div>
<div class="col-md-6 col-md-offset-3"><img src="http://drawings-girls.ucoz.net/2015/04/metallicheskaia-devushka-robot-s-mechem.jpg" class="img-responsive" alt="2" /></div>
<div class="col-md-6 col-md-offset-3"><img src="http://drawings-girls.ucoz.net/2015/04/krasivaia-blondinka-v-belom-platie.jpg" class="img-responsive" alt="3" /></div>
<div class="col-md-6 col-md-offset-3"><img src="http://drawings-girls.ucoz.net/2015/04/krasivii-risunok-devushki-elfa.jpg" class="img-responsive" alt="4" /></div>
<div class="col-md-6 col-md-offset-3"><img src="http://drawings-girls.ucoz.net/2015/04/devushka-elf-s-carevnoi-lagushkoi.jpg" class="img-responsive" alt="5" /></div>

</div>
</div>

<script>
$(window)
 .on("scrollstart", function() {
 // Paint the world yellow when scrolling starts.
 $(document.body).css({background: "yellow"});
 })
 .on("scrollstop", function() {
 // Paint it all green when scrolling stops.
 $(document.body).css({background: "green"});
 })
</script>