浅谈在h5中的横向滚动的标题栏iscroll的运用（webapp）

最新推荐文章于 2023-09-23 18:43:58 发布

置顶

非鱼2008

最新推荐文章于 2023-09-23 18:43:58 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： web方向文章标签： web app iscroll顶部滚动标签栏

本文链接：https://blog.youkuaiyun.com/qq_30081107/article/details/52260550

本文介绍了如何在H5 webapp中利用iscroll实现横向滚动的标题栏。首先需要引入iscroll.js文件，然后进行HTML布局，通过li标签创建标题。在遇到滚动冲突时，可修改iscroll.js文件中的相应代码来解决，使标题栏能够正常滑动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不多说，讲下具体怎么实现：

1.首先导入iscroll.js文件到你得项目文件中

2.html布局，这里用li标签实现代码如下：

<div id="wrapper">

			<div id="scroller">
				<ul id="title_ul">
					<li id="i1" onclick="changedata('i1')">i1</li>
					<li id='i2' onclick="changedata('i2')">i2</li>
					<li onclick="changedata('T1')">T1</li>
					<li onclick="changedata('T2')">T2</li>
					<li onclick="changedata('T3')">T3</li>
					<li onclick="changedata('T4')">T4</li>
					<li onclick="changedata('T5')">T5</li>
					<li onclick="changedata('T6')">T6</li>
					<li onclick="changedata('T7')">T7</li>
					<li onclick="changedata('T8')">T8</li>
					<li onclick="changedata('T9')">T9</li>
					<li onclick="changedata('T10')">T10</li>
					<li onclick="changedata('p1')">p1</li>
					<li onclick="changed