Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
774 views
in Technique[技术] by (71.8m points)

横向滚动的 li 被选中后跳转新页面,如何实现将选中的 li 定位到可视区域?

以虎牙直播的头部标签效果为例
这里默认选中的是“首页”,当用户选中的是“星秀”时,跳转新页面,新页面的默认选中的是“星秀”,并且将原本排在右边隐藏的“星秀”定位到可视区域内,请问如何实现这个效果?
试过用定位实现,但是好像弄不了。
image.png
image.png
image.png


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

我找到问题所在了,我一直在想用设置 ul 的 position 定位来解决,用 left 去定位整行的位置,但其实这是一个内容滚动的问题,应该用 js 的 scrollTo 来将 x 轴滚动到相应的位置。感觉把事情搞复杂了......


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...