zoukankan      html  css  js  c++  java
  • 鼠标滚轮控制网页横向移动

       <script type="text/javascript" src="js/jquery.min.js"></script>
       <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    
     $('body').mousewheel(function(event, delta) {
        var left=$(window). scrollLeft();
       $(window). scrollLeft(left-(delta * 100))
             event.preventDefault();
       })

    jquery实现网页横向滚动的代码,需要一个mousewheel.js  。 简单说就是设置window的scrollLeft值,这里一定要是window不能是body否则滚动有问题。很纳闷。绑定事件mousewhell 也必须是在body上,window话IE8以下不支持。

  • 相关阅读:
    JS小功能系列9商品筛选
    JS小功能系列8省市联动
    if u
    js属性
    js初识
    弹性盒
    项目合作
    css重置
    关于响应式布局
    自我定位
  • 原文地址:https://www.cnblogs.com/yaojaa/p/2961168.html
Copyright © 2011-2022 走看看