如何在Nicescroll.js中删除水平滚动？

Question

我尝试使用body{overflow-x: hidden}和480px 但两者都不起作用。我对某些分辨率进行了水平滚动，例如<div class="form-group"> <button onclick="myFunction()">Click me</button> <p id="demo"></p> <script> var link = "https://source.unsplash.com/all/?"; var articleTitle = "<?php echo "'" . $article->title . "'"; ?>"; function myFunction() { var d = new Date(); var c = link + articleTitle + "[" + d.getTime()+"]"; document.getElementById("demo").innerHTML = "<img src=" + c + " height='100' width='100'/>" ; } </script> </div> ，而不是全部。

Answer 1

你必须将参数传递给插件：

$("#boxscroll").niceScroll({horizrailenabled:false});

然后从元素中删除本机滚动：

<div id="boxscroll" style="overflow-x:hidden;"></div>

这里有关于nicescroll repo的详细记录：https://github.com/inuyaksa/jquery.nicescroll/issues/114