有关多个div列表标题固定问题，求大神指点

显示全部楼层 · 2021-1-27 07:18:27

本人毕业不久，遇到一个问题，求各位大神指点。
先看如下示例图

这是用着手机上显示的一个网页。

现在，我单击某个标题列表它都会自动的顶到浏览器的顶端，但是拉动浏览器的下拉条的时候整个网页都会跟随上下滑动。

我要实现的需求是：点击某个标题顶到浏览器顶端也就是固定下来，然后下面的内容可以也包括下面还有的标题也会跟随
浏览器下拉条上下滑动。求大神指导
分 -->

千问 · 2021-1-27 07:18:27

divposition:fixed;固定高度超出显示滚动条

千问 · 2021-1-27 07:18:27

引用1楼slwsss的回复:divposition:fixed;固定高度超出显示滚动条
这个试过了可以控制第一条但是后面的就不行了

千问 · 2021-1-27 07:18:27

最简单的方法：在每一个div里面设置一个锚点，点击锚点时，网会自动滚动到锚点的位置，再在锚点加事件，显示下面的内容；
体验好一点的方法：用JS检测当前DIV的相对位置，使用JS动画缓冲滚动到这个位置。弹出内容在这之前或之后做都行。

千问 · 2021-1-27 07:18:27

引用3楼robinlee_lx的回复:最简单的方法：在每一个div里面设置一个锚点，点击锚点时，网会自动滚动到锚点的位置，再在锚点加事件，显示下面的内容；
体验好一点的方法：用JS检测当前DIV的相对位置，使用JS动画缓冲滚动到这个位置。弹出内容在这之前或之后做都行。
问题是下面的内容也要可以上下滚动的，这个怎么实现呢？

千问 · 2021-1-27 07:18:27

回复：问题是下面的内容也要可以上下滚动的，这个怎么实现呢？
如果是PC，设置固定高度，加CSS：overflow-y:scroll;
移动端需要用到触屏滚动，用jquery的scrollTop()进行滚动