如何使用JS禁用和启用WordPress滚动
如何使用JS禁用和启用WordPress滚动
提问于 2022-12-04 17:38:44
我有一个关于Javascript滚动的问题。
如何在访问者进入我们的网站后禁用滚动，然后滚动再次活动5-10秒后，就像berakal.com网站？
我已经在网站上得到了JS，但它是加密的，这对我来说很难解码。
回答 1
Stack Overflow用户
发布于 2022-12-04 18:24:03
若要禁用网站上的滚动，可以在页面的<body>元素上使用“溢出:隐藏的CSS”属性。这将防止用户使用鼠标或触控板滚动页面。
若要在一定时间后再次启用滚动，可以使用JavaScript计时器在从<body>元素中删除溢出:隐藏属性之前设置延迟。
下面是如何实现这一功能的示例：
// Set the overflow property on the body element to prevent scrolling
document.body.style.overflow = "hidden";
// Use a timer to enable scrolling after 5 seconds
setTimeout(function() {
document.body.style.overflow = "auto";
}, 5000); // 5000 milliseconds = 5 seconds这将禁用在页面上滚动时，用户第一次进入网站，然后重新启用滚动5秒后。你可以根据你的需要调整时间延迟。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74679200
复制相关文章
相似问题
腾讯云开发者
