jQuery实现鼠标滚轮控制div上下翻动效果.rar_BH1_div 滚轮翻页_html_jquery_设置滚轮翻页

共4个文件

js：2个

png：1个

html：1个

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

html

jquery

0 下载量 12 浏览量 2022-09-24 09:21:42 上传评论收藏 16KB RAR 举报

温馨提示

通过JQuery实现滚轮翻页的功能，可以实现某部分翻页，某部分不实现翻页，固定。

资源推荐

资源详情

资源评论

收起资源包目录

jQuery实现鼠标滚轮控制div上下翻动效果.rar （4个子文件）

jQuery实现鼠标滚轮控制div上下翻动效果

index.html 1KB

jquery.scrollify.min.js 3KB

jquery.easing.1.3.js 8KB

fanye.png 23KB

共 4 条

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>jQuery实现鼠标滚轮控制div上下翻动效果 - 懒人之家</title> <style> * { margin: 0; padding: 0;} html,body { width:100%; height:100%; } .wrap { width: 100%;height:100%; margin: 0 auto; overflow: hidden; zoom: 1;} .left { float: left; width: 85%;height:100%;overflow: hidden;} .right { float: right; width: 15%; height:100%;background-color: #ddd;} p { font: 30px/500px "Microsoft Yahei"; text-align: center;} </style> </head> <body>  <div class="wrap"> <div class="left"> <div class="panel" style="background-color: #f00; color: #fff;"> <p>只有这边可以滚动</p> </div> <div class="panel" style="background-color: #0f0; color: #fff;"> <p>局部滚动似乎不太好用，如果上面有内容则会有偏移</p> </div> <div class="panel" style="background-color: #00f; color: #fff;"> <p>即使配合 offset 也不能很好的解决</p> </div> </div> <div class="right"> <p>这边不滚动</p> </div> </div>  <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.scrollify.min.js"></script> <script> $(function() { $('.panel').css({'height': $('.left').height()}); $.scrollify({ section: '.panel', target: '.left' }); }); </script> </body> </html>

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论