当前位置: 代码迷 >> JavaScript >> 鼠标滚动在Google Chrome上不起作用
  详细解决方案

鼠标滚动在Google Chrome上不起作用

热度:86   发布时间:2023-06-05 14:13:30.0

这是我第一次发布问题,但是我到处搜索并且找不到答案。 最近,鼠标滚动已停止在我的Google Chrome浏览器的Wordpress网站上工作。 但是,它在Firefox中工作正常。 我曾尝试停用插件,删除并重新安装,但似乎无法修复它。 有谁能够协助或指出我正确的方向? 我的网站是提前谢谢。

当用户滚动到元素中的其他位置时,将引发scroll事件。 它适用于窗口对象,也适用于将溢出CSS属性设置为可滚动的可滚动框架和元素。

 <div style="width:300px; height:200px; border:1px solid black; overflow:scroll">
        Any thing long Code put  here
    </div>
    <br />
    <h3 style="display:none; color:red">Scroll event handled</h3>
<script type="text/javascript">
    $(document).ready(function () {
        $('div').scroll(function () {
            $('h3').css('display', 'inline').fadeOut(1000);
        });
    });
</script>

当您在div中滚动时,滚动功能会着火

  相关解决方案