javascript检查页面是否在特定部分

当用户位于页面上具有特定ID(通过链接或滚动)的部分时,我想触发一个功能.这就是我现在所拥有的,但是没有用.

$(document).ready(function() {
if (window.location.pathname == '/index.html#contact') {
console.log('Viewing contact form');
}
});


更新：找到了我想要的东西.这是我使用的：

$(window).bind('scroll', function() {
if($(window).scrollTop() >= $('#contact').offset().top - 50) {
$('.modal').modal('hide');
}
});


“-50”用于说明我的边距和填充.当使用减号时,它“假设”您的部分在页面的上方开始.对于较低的,使用加法.
“ $(‘.modal’).modal(‘hide’);”不需要.当用户在页面的#contact部分时,这是隐藏引导程序模式.

解决方法:

Javascript中的window.location属性返回一个位置对象.如果要匹配特定的锚链接,则需要使用location对象的hash属性.以下是位置对象的所有属性的列表：http://www.w3schools.com/jsref/obj_location.asp.

您可以检查window.location.pathname window.location.hash

$(document).ready(function() {
if (window.location.pathname+window.location.hash == '/index.html#contact') {
console.log('Viewing contact form');
}
});


因为window.location.pathname不包含哈希后面的部分.