当URL在滚动时更改为某个散列时，为div添加一个类

Question

我的URL哈希值在滚动时发生了变化从

• www.website.com节,1
• www.website.com节,2
• www.website.com部分——3

等等。这是一个整页滚动的效果。

我想做的是添加类。draw-shirt到div #衬衫当URL改变滚动到#section- 2。

我试过这个代码:

$(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... 

不能在这里工作，因为全页滚动效果。

谢谢你的帮助。

Answer 1

我认为你可以使用window对象的原生hashchange事件。

window.addEventListener('hashchange', function() {
if (location.hash === '#emotion--2') {
// your code to add class
} 
});