2013-09-20 4 views
1

Как я могу сделать это так, чтобы зритель не мог прокручивать до (мимо определенной точки)?отключить прокрутку мимо определенной точки

делает его, так что зритель не может прокручивать легко с:

body{ 
    overflow: hidden; 
} 

но отключает прокрутку вниз слишком.

Подробное описание

что я хочу некоторые JavaScript/JQuery код, который не позволит прокрутки вверх мимо данного параметра, в то время как зритель все еще может перемещаться вверх и вниз до этого параметра будет достигнуто, но после того, как будет достигнуто они могут прокручивать только до тех пор, пока они не прокручиваются мимо данного параметра

У меня нет абсолютно никакой идеи, как это сделать, любые идеи?

ответ

1

Вы можете установить физическую точку и сказать что-то вроде:

$(function() { 
    var scrollPoint = 200; 
    var scrolledPast = false; 
    $(window).scroll(function() { 
     $(window).scrollTop() > scrollPoint ? scrolledPast = true : ''; 
     $(window).scrollTop() < scrollPoint && scrolledPast == true ? $(window).scrollTop(scrollPoint) : ''; 
    }).scroll(); 
}); 

Fiddle

Хотя отключение прокрутки кажется немного встречное intuitive-- почему бы не просто скрыть материал от самой страницы?

+0

Я согласен с вами, это делает почти все, что я хочу, и вижу, как это работает, это не так чисто, как я себе представлял. Моя единственная проблема заключается в том, что браузеры, такие как хром, будут помнить прокручиваемую позицию, а затем не начинать вверху. Когда я добавил код, чтобы он всегда начинался вверху, он сломался. Но кроме этого, это все, что я просил! Спасибо –

+0

@ RyanSaxe обновлен для вас. – Chad

Смежные вопросы