jQuery实现一个鼠标滚轮滑动到一个页面节点

下面的一段jQuery代码,详细介绍鼠标滚轮滑动到页面节点,并通过显示效果图显示给大家。

鼠标滚轮滑动jQuery网页节点。这是使用鼠标滚轮或手势滑动到页面节点基于jQuery+CSS3实现特殊效果。结果如下:


实现的代码。

HTML代码:






应用:360,火狐,Chrome浏览器,Safari,Opera,搜狗,傲游,世界之窗。和浏览器不支持IE8。



滑动鼠标滚轮





基本使用
jQuery 1.6 +和缓冲动画插件jquery.easing.js。需要引进





$(函数(){())
scrollify({美元。
节:节
});
});












配置

scrollify({美元。
节:节
长度:部分名字
放松:easeoutexpo
scrollspeed:1100,
偏移量:0,
滚动条:真,
前:函数(){ },
之后:函数(){ }
});





选项设置

部分
节点部分选择器。
字段名
每个节节点对应于数据属性。
宽松
定义缓冲区动画。
偏移
定义每个颜色节点的偏移量。
滚动条
是否显示滚动条。
之前
回调函数在卷开始前触发。

回调函数,当滚动完成时,触发器被触发。





方法
幻灯片到指定的节点。

美元。scrollify(移动









JS代码:


$(函数(){())
$(面板)。Css({高度):$(窗口)Height()};
VaR的定时器;

$(窗口)。调整大小(函数(){)
ClearTimeout(定时器);
定时器= setTimeout(){()函数(
$(面板)。Css({高度):$(窗口)Height()};
},40);
});

scrollify({美元。
节:面板
});


Click(函数(e){)
E.preventDefault();
美元。scrollify(移动
});
});




以上代码是jQuery应用程序的全部内容,将鼠标滚轮滑动到页面节点,希望能在以后的项目中帮助您。