inobounce.js : 禁止IOS H5的滑动回弹
2024-08-28 03:32:56
IOS的移动端/H5/webapp 页面如果滚动到底部或者在页面顶部再往上拉,都会出现一个回弹的效果。
想取消这个效果可以引入一个简单的库就行,不用再写繁琐的样式。
直接引入就行
<script src="inobounce.js"></script>
例子:
因为这个库是禁止了整个页面的滑动,所以如果页面中有其他元素需要滑动的,要给滑动元素设置一个height或max-height,还有overflow: auto; -webkit-overflow-scrolling: touch;
<style>
ul {
height: 115px;
border: 1px solid gray;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
</style> <ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
<li>List Item 6</li>
<li>List Item 7</li>
<li>List Item 8</li>
<li>List Item 9</li>
<li>List Item 10</li>
</ul>
最新文章
- 【工匠大道】Git的使用总结
- vim正则表达式(转)
- spring技术核心概念纪要
- PHP高级——抽象类与接口的区别(转)
- listview中button抢占焦点问题
- 【转】VS2013中如何解决error C4996: &#39;fopen&#39;问题
- string之substring的用法
- poj2051 Argus
- 主流nosql数据库对比
- Spark Job的提交与task本地化分析(源码阅读)
- B-end
- Git运用基础之如何删除Github上不想要的项目
- tomcat jvm优化
- 关于SqlServer数据表操作
- PHP基础学习----字符串操作
- 解决Android Studio出现GC overhead limit exceeded
- CentOS 6.x 如何升级 glibc 2.17
- JavaScript--fullPage.js插件
- scrapy爬虫天猫笔记本电脑销量前60的商品
- button中文字垂直居中