H5禁止ios回弹效果
IOS的移动端H5页面滚动浏览器到底部或者在整个页面被往上拉的时候都会出现一个回弹的效果。如果想禁止整个回弹效果,那么首先、引入inobounce.js库,就可以禁止body的滚动下载地址:inobounce.js的github地址其次、在需要滚动的元素上加上height,overflow,-webkit-overflow-scrolling: touch属性就可以了案例展示:<script
·
IOS的移动端H5页面滚动浏览器到底部或者在整个页面被往上拉的时候都会出现一个回弹的效果。
如果想禁止整个回弹效果,那么
首先、引入inobounce.js库,就可以禁止body的滚动
下载地址:
inobounce.js的github地址
其次、在需要滚动的元素上加上一下样式,就可以了
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
案例展示:
<style>
ul {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>9</li>
</ul>
<script src="inobounce.js"></script>
更多推荐
已为社区贡献1条内容
所有评论(0)