Question

在网站的某些区域，鼠标滚动无法正常工作。

如果您访问该链接，将很容易理解。

Link1

在Link1中，在列表中滚动不起作用。

Link2

在Link2中，滚动无法处理youtube嵌入式视频。

允许滚动这些区域的任何解决方案？

Answer 1

你在你的代码中加入了一些漂亮的滚动插件，所以它有自己的滚动，当你添加这个插件时，它会在你的html元素中添加overflow-y：hidden，尝试删除，然后在整个页面中滚动。我用firebug尝试了它然后它完美无缺

Answer 2

YouTube视频和Buildout房地产列表都是iframe嵌入。您安装的主题使用Nice Scroll（https://nicescroll.areaaperta.com），并且如github的插件问题部分所述，它与iframe的效果不佳（因为未检测到鼠标滚轮运动）：

https://github.com/inuyaksa/jquery.nicescroll/issues/651

您可能希望通过从模板中的body标签中删除“nice-scroll-on”类或在scripts.js中的第1445行停用它来删除Nice Scroll插件，否则这将无效直到鼠标轮行为被修复。

/* ---------------------------------------------------------------------------
 * Scroll | niceScroll
 * --------------------------------------------------------------------------- */

//Comment the following block

/*
if( $('body').hasClass('nice-scroll-on') && window.innerWidth >= 768 && ! navigator.userAgent.match(/(Android|iPod|iPhone|iPad|IEMobile|Opera Mini)/))
    {
        $('html').niceScroll({
            autohidemode        : false,
            cursorborder        : 0,
            cursorborderradius  : 5,
            cursorcolor         : '#222222',
            cursorwidth         : 10,
            horizrailenabled    : false,
            mousescrollstep     : ( window.mfn.nicescroll ) ? window.mfn.nicescroll : 40,
            scrollspeed         : 60
        });

        $('body').removeClass('nice-scroll-on').addClass('nice-scroll');
        niceScrollFix();
    }
*/

鼠标滚轮滚动不在网站的某些区域工作

2 个答案: