第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

使用瀏覽器后退按鈕在可滾動元素中導(dǎo)航

使用瀏覽器后退按鈕在可滾動元素中導(dǎo)航

縹緲止盈 2023-03-18 16:47:24
場景如下:我有一個帶有滾動條的元素。用戶單擊將他們帶到此元素內(nèi)的書簽的鏈接,這會導(dǎo)致元素滾動。之后,當(dāng)用戶想要返回到原始滾動位置時,他們自然要做的就是單擊瀏覽器的后退按鈕。有趣的是,瀏覽器的地址欄會更新以反映元素內(nèi)的初始導(dǎo)航以及后退按鈕的點(diǎn)擊。但是,單擊后退按鈕不會導(dǎo)致所需的滾動。這是有道理的。那么,有沒有辦法使用直接的 javascript(沒有第三方庫)來實現(xiàn)這一點(diǎn)?下面是一個完整的示例,在 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貢獻(xiàn)1712條經(jīng)驗 獲得超3個贊

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


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

    // The URL changed...

});

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


查看完整回答
反對 回復(fù) 2023-03-18
  • 1 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號