亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用瀏覽器后退按鈕在可滾動元素中導航

使用瀏覽器后退按鈕在可滾動元素中導航

縹緲止盈 2023-03-18 16:47:24
場景如下:我有一個帶有滾動條的元素。用戶單擊將他們帶到此元素內的書簽的鏈接,這會導致元素滾動。之后,當用戶想要返回到原始滾動位置時,他們自然要做的就是單擊瀏覽器的后退按鈕。有趣的是,瀏覽器的地址欄會更新以反映元素內的初始導航以及后退按鈕的點擊。但是,單擊后退按鈕不會導致所需的滾動。這是有道理的。那么,有沒有辦法使用直接的 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>
查看完整描述

1 回答

?
交互式愛情

TA貢獻1712條經驗 獲得超3個贊

當用戶點擊鏈接到 id 或瀏覽器后退按鈕時,url 會發生變化。所以你可以處理這個事件:


window.addEventListener('hashchange', function (event) {

    // The URL changed...

});

然后你有event.newURL和event.oldURL。有了它,你可以做任何你想做的事。


查看完整回答
反對 回復 2023-03-18
  • 1 回答
  • 0 關注
  • 122 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號