我这里是使用NiceScroll造成的。
报错如下:
解决这个问题的方法有2种:
Ⅰ:修改源码找到jquerynicesroll.js
报错的地方:直接让其return false
Ⅱ:修改自己的代码逻辑:
构造这样的结构:
<body class="d-flex h-100 w-100 flex-column">
@include('layouts._header')
<div id="mainDiv" class="container-fluid">
<div id="contentScroll" class="offset-md-1 col-md-10">
@yield('content')
</div>
</div>
@include('layouts._footer')
</body>
注意:
body里面要套d-flex和flex-column
在div中要套一个container-fluid,这里都是使用的bootstrap
然后对应的js从:
$(document).ready( function() {
$("html").niceScroll();
} );
改成:
$(document).ready( function() {
$("#mainDiv").niceScroll("#contentScroll");
} );
即可。
对应的css要改成:
html,body{
height: 100%;
width: 100%;
}
html{
overflow-x: hidden;
overflow-y: hidden;
}
footer{
bottom:0;
width:100%;
}
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://it1995.blog.csdn.net/article/details/125196418
内容来源于网络,如有侵权,请联系作者删除!