У меня есть ситуация, когда необходимо, чтобы Fancybox отображался ниже видео в верхней части страницы.
$(function() {
$('.index').click(function(){
$('html, body').animate({ scrollTop: 500 }, 'slow');
});
$(".index").fancybox({
'title' : 'INDEX',
'width' : 615,
'height' : 450,
...
'type' : 'iframe'
});
});
Это хорошо работает. Страница падает на 500 пикселей - под видео - и вызывается FB.
Но я требую, чтобы прокрутка произошла только в том случае, если мы вернулись наверху.
Итак, что-то вроде:
$(function() {
$('.index').click(function(){
if 500 pixels or more from the top {
$('html, body').animate({ scrollTop: 500 }, 'slow');
});
});
$(".index").fancybox({
etc.
Как я могу написать эту условную линию?
Вы можете использовать scrollTop()
в объекте window
чтобы определить текущую позицию вертикальной прокрутки страницы.
if ($(window).scrollTop() <= 500) {
// ...
}