我网站上的 js 之一导致不必要的滚动到页面顶部。 js更改scrollTop属性时如何在Chrome开发者工具中休息?
最佳答案
粘贴下面的代码,然后运行 onVerticalScroll(function(){debugger});
.
请注意,这只会在通过 JavaScript 显式设置滚动位置时暂停。例如,如果一个大元素暂时从页面中消失并导致视口(viewport)向上跳跃,它不会触发。
function onVerticalScroll(fnOnScroll){
var originalScrollTop = getPropertyDescriptor(HTMLElement.prototype, "scrollTop");
Object.defineProperty(HTMLElement.prototype, "scrollTop", {
get: function(){
return originalScrollTop.get.apply(this, arguments);
},
set: function(){
fnOnScroll();
return originalScrollTop.set.apply(this, arguments);
}
});
var originalScrollTo = window.scrollTo;
window.scrollTo = function(){
fnOnScroll();
return originalScrollTo.apply(this, arguments);
}
var originalScrollBy = window.scrollBy;
window.scrollBy = function(){
fnOnScroll();
return originalScrollBy.apply(this, arguments);
}
function getPropertyDescriptor(object, propertyName){
var descriptor = Object.getOwnPropertyDescriptor(object, propertyName);
if (!object){
throw new Error("descriptor not found");
}
if (!descriptor) {
return getPropertyDescriptor(Object.getPrototypeOf(object), propertyName);
}
return descriptor;
}
}
关于google-chrome-devtools - 如何打破 scrollTop 变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36132300/