JQuery实现鼠标滚轮滑动到页面节点_jquery

来源：动视网责编：小采时间：2020-11-27 21:41:09

JQuery实现鼠标滚轮滑动到页面节点_jquery

JQuery实现鼠标滚轮滑动到页面节点_jquery:下面通过一段JQuery代码实现鼠标滚轮滑动到页面节点的详细介绍，并通过展示效果图展示给大家。基于jQuery鼠标滚轮滑动到页面节点部分。这是一款基于jQuery+CSS3实现的使用鼠标滚轮或者手势滑动到页面节点部分特效。效果图如下：实现的代码。 html代码

推荐度：

点击下载本文 文档为doc格式

导读JQuery实现鼠标滚轮滑动到页面节点_jquery:下面通过一段JQuery代码实现鼠标滚轮滑动到页面节点的详细介绍，并通过展示效果图展示给大家。基于jQuery鼠标滚轮滑动到页面节点部分。这是一款基于jQuery+CSS3实现的使用鼠标滚轮或者手势滑动到页面节点部分特效。效果图如下：实现的代码。 html代码

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

基于jQuery鼠标滚轮滑动到页面节点部分。这是一款基于jQuery+CSS3实现的使用鼠标滚轮或者手势滑动到页面节点部分特效。效果图如下：

实现的代码。

html代码：


 
 
 
 适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
不支持IE8及以下浏览器。


 
 
 

 滑动鼠标滚轮

 
 
 
 
 基本使用
 需要引入 jQuery 1.6+ 以及缓冲动画插件jquery.easing.js.

配置

 $.scrollify({
 section : "section",
 sectionName : "section-name",
 easing: "easeOutExpo",
 scrollSpeed: 1100,
 offset : 0,
 scrollbars: true,
 before:function() {},
 after:function() {}
 });

选项设置

section 节点部分选择器. sectionName 每一个section节点对应的data属性. easing 定义缓冲动画. offset 定义每个色彩tion节点的偏移量. scrollbars 是否显示滚动条. before 回调函数,滚动开始前触发. after 回调函数,滚动完成后触发.