場景如下:我有一個帶有滾動條的元素。用戶單擊將他們帶到此元素內的書簽的鏈接,這會導致元素滾動。之后,當用戶想要返回到原始滾動位置時,他們自然要做的就是單擊瀏覽器的后退按鈕。有趣的是,瀏覽器的地址欄會更新以反映元素內的初始導航以及后退按鈕的點擊。但是,單擊后退按鈕不會導致所需的滾動。這是有道理的。那么,有沒有辦法使用直接的 javascript(沒有第三方庫)來實現這一點?下面是一個完整的示例,在 div 的底部有一個鏈接。任何援助將不勝感激。<style> div { height:400px; overflow-y: auto; } span { position:relative; display:block; width: 600px; margin-top: 30px; margin-bottom: 30px; }</style><div> <span id="first"> First: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum eu facilisis sed odio morbi quis. Vitae purus faucibus ornare suspendisse sed nisi lacus sed. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Porta non pulvinar neque laoreet. Pulvinar sapien et ligula ullamcorper malesuada proin. Neque gravida in fermentum et. Magna sit amet purus gravida. Id porta nibh venenatis cras sed felis. Sed egestas egestas fringilla phasellus faucibus. Mus mauris vitae ultricies leo integer malesuada nunc vel. Pellentesque eu tincidunt tortor aliquam nulla facilisi. Dis parturient montes nascetur ridiculus mus mauris vitae. Ac orci phasellus egestas tellus rutrum. Aliquam ut porttitor leo a diam sollicitudin tempor. Risus nullam eget felis eget nunc lobortis. Sodales ut eu sem integer vitae justo. Volutpat commodo sed egestas egestas fringilla phasellus faucibus. </span>
使用瀏覽器后退按鈕在可滾動元素中導航
縹緲止盈
2023-03-18 16:47:24