我使用 jQuery 的scrollTop() 方法来获取页面加载时滚动条的垂直位置。我需要在执行 url 中的锚点后获取此值(例如 url:www.domainname.com#foo)。我可以使用以下代码,它可以在 Firefox 和 IE 中运行:
前网址:www.domainname.com#foo
$(document).ready(function() {
if ($(this).scrollTop() > 0) {
// then a conditional statement based on the scrollTop() value
if ($(this).scrollTop() > $("#sidenav").height()) { ...
但在 Safari 和 Chrome 中, document.ready() 似乎在锚点之前执行,因此在这种情况下,scrollTop() 在页面加载时返回 0。在 Chrome 和 Safari 中执行锚点后,如何访问页面加载时的 scrollTop() 值?
你可能只想做一些快速而肮脏的事情,比如setTimeout
无论需要多少毫秒才能从 Chrome 或 Safari 可靠地获取它
var MAX_CHECKS = 5; // adjust these values
var WAIT_IN_MILLISECONDS = 100; // however works best
var checks = 0;
function checkScroll() {
if ($(this).scrollTop() > 0) {
// then a conditional statement based on the scrollTop() value
if ($(this).scrollTop() > $("#sidenav").height()) {
...
}
} else {
if (++checks < MAX_CHECKS) {
// just to make sure, you can try again
setTimeout(checkScroll, WAIT_IN_MILLISECONDS);
}
}
}
$(document).ready(function() {
// You can also throw in an if statement here to exclude
// URLs without # signs, single out WebKit browsers, etc.
setTimeout(checkScroll, WAIT_IN_MILLISECONDS);
...
});
请注意,您还可以使用if ($.browser.webkit)
,尽管此功能已被弃用,并且可能会移动到插件而不是主 jQuery(有利于功能检测)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)