Search the Community
Showing results for tags 'скролл'.
-
Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/
-
jQuery Не работает скрипт появления блока при скроллинге
Sergo Skiller posted a question in JavaScript
Здравствуйте. Скажу сразу, что только начал разбираться в JavaScript и jQuery, в качестве подопытных выбрал свои старые работы. В общем, захотел сделать так, чтобы при скроллинге начинал проявляться блок с примерами работ, написал скрипт, без ошибок, правильный со всех (вроде) точек зрения, но он почему-то не работает - блок как был на месте, так там и остался. Писал его по следующему алгоритму: 1) Получение расстояния блока от начала документа методом .offset().top 2) Получение высоты окна методом $(window).height() 3) Вычитание из .offset().top высоты окна (var distanceTop = $('#container').offset().top - $(window).height() ) 4) Получение величины скроллинга методом $(window).scrollTop 5) Сравнение: если distanceTop меньше, чем $(window).scrollTop, то запускается анимация проявления блока $('#container').animate({'opacity':1}, 3000), иначе анимация его скрытия $('#container').animate({'opacity':0}, 3000) Вот ссылка на папку в Яндекс Диске с исходными файлами: https://yadi.sk/d/fz37oI69irTKa Сайт на хосте: http://erudit.esy.es/ Вот код скрипта: $(document).ready(function(){ $(window).scroll(function(){ var distanceTop = $('#container').offset().top - $(window).height(); if ($(window).scrollTop > distanceTop){ $('#container').animate({'opacity':1}, 3000); }else{ $('#container').animate({'opacity':0}, 3000); } });});Заранее благодарен за помощь.- 2 replies
-
- jQuery
- JavaScript
-
(and 2 more)
Tagged with:
-
Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любую помощь.
-
Собственно, нужно скрыть сайдбар после того, как страницу проскроллили. Как в группах ВКонтакте. Сделал свою версию. Все, конечно, хорошо, но при резкой прокрутке от и до сайдбара к контент-части не добавляется margin-right. <script type="text/javascript"> a = $('.acont').offset().top + $('.acont').height() + 75; $(window).scroll(function(){ if($(this).scrollTop() > a){$('.acont').hide(300,function(){$('.scont').css('margin-right',0);});} else {$('.scont').css('margin-right','225px');$('.acont').show(300);} }); </script> Ссылка на демо: Ссылка