Я попробовал этот код на своем сайте simmona.uchenici.bg/test/
и в результате эффект не прекращается. Я хочу, чтобы эффект прокрутки прекращался, когда заголовок раздела находится в нижней части окна, и продолжался только раздел изображений
, пока они догоняют его. Также я не знаю, почему моя картинка масштабируется при прокрутке... Как это исправить?
$(document).ready(function(){
$(document).bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta /680 > 0) {
$('#textbox').animate({
'marginTop' : "+=50px"
});
}
else {
$('#textbox').animate({
'marginTop' : "-=10px"
});
}
});
$(document).bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta /680 > 0) {
$('#image').animate({
'marginTop' : "+=50px"
});
}
else {
$('#image').animate({
'marginTop' : "-=5px"
});
}
});
Подробнее здесь: https://stackoverflow.com/questions/435 ... ll-to-site