wordpress 防止在单击特定按钮之前滚动网页

slsn1g29 于 2022-11-22 发布在 WordPress

关注(0)|答案(1)|浏览(162)

目前我正在使用WordPress和Elementor为我的网站建设者。我想防止在我的页面上滚动点击特定按钮之前。我使用的脚本是工作，以防止滚动，但在我点击按钮后，它仍然防止我的网页滚动。我使用以下代码：

<script>
 disableScrolling()
 document.body.style.overflowY = "hidden";
 document.body.style.heigth="100vh"

document.getElementById("open-invitation").onclick = function() {
   myFunction()
};

function myFunction() {
   playAudio()
   document.body.style.overflowY = "unset";
   enableScrolling()   
}  

function disableScrolling(){ 
   var x=window.scrollX;
   var y=window.scrollY;
   window.onscroll=function(){
      window.scrollTo(x, y);
};
 
} 
function enableScrolling(){ 
     window.onscroll=function(){};
}
  
</script>

这段代码很好地防止滚动，但当我点击ID为“open-invitation”的按钮时，我设置了onclick函数，它仍然防止滚动，并将页面粘在第一列上
我已经尝试分离onclick函数，并将其放在分配给它的按钮旁边，但仍然不起作用。我正在使用elementor，还将每个id和CSS id与“open-invitation”放在一起，也没有帮助

wordpress

来源：https://stackoverflow.com/questions/74410406/prevent-scrolling-webpage-before-clicking-specific-button

1条答案

按热度按时间

ar7v8xwq1#

<html>

<head>

<title>How to disable scrolling using JavaScript?</title>

<style>

.scrollable-place {

height: 3000px;

}

</style>

</head>

<body>

<h1 style="color:blue">
        Welcome To Our Website
</h1>

<p>Click the buttons below to enable or disable scrolling.</p>

<p class="scrollable-place">
<button>Disable Scrolling</button>
<button>Enable Scrolling</button>
</p>

</body>

<script>
functiondisable() {
// To get the scroll position of current webpage
TopScroll = window.pageYOffset || document.documentElement.scrollTop;
LeftScroll = window.pageXOffset || document.documentElement.scrollLeft,

// if scroll happens, set it to the previous value
window.onscroll = function() {
window.scrollTo(LeftScroll, TopScroll);
        };
}

functionenable() {
window.onscroll = function() {};
}
</script>

</html>

赞(0）回复(0）举报 2022-11-22

我来回答

wordpress 防止在单击特定按钮之前滚动网页

1条答案

相关问题

热门标签

最新问答