移动端页面滑动一段距离其中一个盒子隐藏另一个盒子固定定位

最新推荐文章于 2022-09-29 02:37:51 发布

weixin_45579289

最新推荐文章于 2022-09-29 02:37:51 发布

阅读量660

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/weixin_45579289/article/details/103803530

版权

在移动端页面中，当滑动一段距离后，一个盒子隐藏，另一个盒子变为固定定位。本文通过HTML和JS代码示例说明这一实现过程，并在PC端模拟测试成功。然而，在实际手机上测试时遇到问题，盒子未能按预期显示。寻求解决方案。

摘要由CSDN通过智能技术生成

移动端页面滑动一段距离其中一个盒子隐藏另一个盒子固定定位

html部分

	<!-- 图片轮播 -->
	<div class="app">
		<div id="rotationChart" class="rotationChart">
			<div class="in">
				<ul class="pics">
					<li>
						<a href="#"><img src="/platform/static/img/index/1.png" alt="" /></a>
					</li>
					<li>
						<a href="/Product/details.html?id=25"><img src="/platform/static/img/index/2.png" alt="" /></a>
					</li>
					<li>
						<a href="/Product/details.html?id=1"><img src="/platform/stat