html和body标签（4）

最新推荐文章于 2024-05-21 14:15:14 发布

weixin_30555125

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量53

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/WebNewer/p/7069723.html

版权

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style>
* {
margin: 0;
padding: 0;
border: 0;
}
</style>
<script src="./jquery-1.11.3.min.js"></script>
<script src="./jquery.mousewheel.min.js"></script>
</head>

<body>
<div id="first">
story1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse aliquet arcu a ipsum. Nunc arcu est, pulvinar vitae, consectetuer ac, pellentesque interdum, augue. Fusce iaculis nulla et sapien. Aliquam erat volutpat. Etiam iaculis turpis nec libero. Nam adipiscing ullamcorper quam. Pellentesque erat. Sed hendrerit. Duis id nisl. Cras arcu mauris, mollis vel, convallis non, elementum a, tortor. Donec ac est eget elit consequat sollicitudin. In id odio quis tortor volutpat mollis. Nulla iaculis lobortis est. Pellentesque in elit vitae nulla tempus euismod. Nam non erat in lacus rutrum malesuada. Donec commodo purus sed quam posuere eleifend. Nam accumsan.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse aliquet arcu a ipsum. Nunc arcu est, pulvinar vitae, consectetuer ac, pellentesque interdum, augue. Fusce iaculis nulla et sapien. Aliquam erat volutpat. Etiam iaculis turpis nec libero. Nam adipiscing ullamcorper quam. Pellentesque erat. Sed hendrerit. Duis id nisl. Cras arcu mauris, mollis vel, convallis non, elementum a, tortor. Donec ac est eget elit consequat sollicitudin. In id odio quis tortor volutpat mollis. Nulla iaculis lobortis est. Pellentesque in elit vitae nulla tempus euismod. Nam non erat in lacus rutrum malesuada. Donec commodo purus sed quam posuere eleifend. Nam accumsan.

$(function() {
//使用mousewheel插件捕获滚轮事件
$("body").mousewheel(function(event, delta) {
//计算要滚动的距离.向下滚动时delta为-1，向上滚动时delta为1
console.log('Mouse Delta:' + delta);
if (delta < 0)
distance += step;
else {
if (distance > 0)
distance -= step;
}
console.log('Distance:' + distance);
//用JS操控页面滚动
scroll(0, distance);
//阻止默认事件发生
event.preventDefault();
});
});
</script>
</body>
</html>

转载于:https://www.cnblogs.com/WebNewer/p/7069723.html

weixin_30555125

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html和body标签（4）

<!doctype html><html> <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; border: 0; ...
复制链接

扫一扫