网页中有无数个<hr>(也就是横线),
每个<hr>之间是数量不等的网页内容,
我想在页面右侧有两个悬停的按钮,
每点一下,
就自动跳转到下一个<hr>,
或者上一个<hr>。
这个js该怎么写呢?
js实现下一个<hr>的切换
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- ironprosper 2022-10-31 22:33关注
function next(){ var hrList = document.getElementsByTagName('hr') var scrollTop = document.documentElement.scrollTop for (let i = 0; i < hrList.length; i++) { if(hrList[i].offsetTop > scrollTop){ document.documentElement.scrollTop = hrList[i].offsetTop break; } } } function last(){ var hrList = document.getElementsByTagName('hr') var scrollTop = document.documentElement.scrollTop var lastOffset = 0 for (let i = 0; i < hrList.length; i++) { if(hrList[i].offsetTop >= scrollTop){ document.documentElement.scrollTop = lastOffset break; } lastOffset = hrList[i].offsetTop } }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 有了解d3和topogram.js库的吗?有偿请教
- ¥100 任意维数的K均值聚类
- ¥15 stamps做sbas-insar,时序沉降图怎么画
- ¥15 unity第一人称射击小游戏,有demo,在原脚本的基础上进行修改以达到要求
- ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
- ¥15 关于#Java#的问题,如何解决?
- ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
- ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
- ¥15 cmd cl 0x000007b
- ¥20 BAPI_PR_CHANGE how to add account assignment information for service line