ScrollTo 插件真的很烦人。
该网页是:http ://webdizajntest.com/amphiro
如您所见,我制作了某种带有鼠标滚轮触发事件的垂直滚动主页,以滚动到下一个和上一个 div。
一切都很完美,直到我改变了一些东西(我不知道是什么),现在它只有在我按下鼠标滚轮时才有效!当我鼠标滚轮向上时,它仍在向下滚动。
为了清楚起见,我需要这种滚动:http ://www.beoplay.com/Products/BeoplayA8
我用来完成此操作的代码是:
jQuery(document).ready(function() {
var $current, flag = false;
jQuery(function() {
jQuery('body').mousewheel(function(event, delta) {
if (flag) { return false; }
$current = jQuery('div.current');
console.log(delta);
console.log($current);
if (delta < 0) {
$prev = $current.prev();
if ($prev.length) {
flag = true;
/* Ako je prvi */
if($current.attr('id') == "home-first"){
$prev = jQuery("#top-home");
}
if($current.attr('id') == "top-home"){
$prev = $current;
}
if($current.attr('id') == "vision-technology"){
jQuery('body').scrollTo('#top-home', 1000, {
onAfter : function(){
flag = false;
}
});
}
else{
jQuery('body').scrollTo($prev, 1000, {
onAfter : function(){
flag = false;
}
});
}
$current.removeClass('current');
$prev.addClass('current');
}
} else {
$next = $current.next();
if ($next.length) {
flag = true;
/* Ako je poslednji */
if($current.attr('id') == "next3"){
$next = $current;
}
/* Ako je prvi */
if($current.attr('id') == "top-home"){
$next = jQuery("#vision-technology");
}
jQuery('body').scrollTo($next, 1000, {
onAfter : function(){
flag = false;
}
});
$current.removeClass('current');
$next.addClass('current');
}
}
event.preventDefault();
});
});
请帮忙!!!!