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应用程序的全部内容,将鼠标滚轮滑动到页面节点,希望能在以后的项目中帮助您。