我的 URL 哈希在滾動時發生變化
- www.website.com#section--1
- www.website.com#section--2
- www.website.com#section--3
等等。這是一個整頁滾動效果。
我想要做的是當 URL 滾動到#section--2 時將類 .draw-shirt 添加到 div #shirt 中。
我試過這段代碼：
$(document).ready(function () {
if (window.location.href.indexOf("emotion--2") > -1) {
$('#shirt').addClass('draw-shirt');
}
});
$(window).scroll(function () {
function locationHashChanged() {
if(window.location.href.indexOf("emotion--2") > -1) {
$('#shirt').addClass('draw-shirt');
}
}
});
如果加載時 URL 是www.website.com#section--2而不是滾動時，它就可以作業。
編碼
function isScrolledIntoView(elem) {...etc...
由于整頁滾動效果，這里不作業。
感謝您的幫助。
uj5u.com熱心網友回復：
我認為您可以使用視窗物件的本機 hashchange事件。
window.addEventListener('hashchange', function() {
if (location.hash === '#emotion-2') {
// your code to add class
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/466698.html
標籤：javascript jQuery 上卷 哈希变化