gpt4 book ai didi

javascript - 如果未单击按钮,如何禁用滚动

转载 作者:太空宇宙 更新时间:2023-11-03 19:25:34 26 4
gpt4 key购买 nike

我正在构建一个 Cookie 横幅 并正在努力解决以下问题:一旦新用户访问该页面,Cookie 横幅就会加载并禁用滚动。

我用 jQuery、JS 和 CSS body { overflow: hidden } 尝试了不同的方法,但都没有用。只要用户没有点击“接受”,我就不知道如何禁用滚动。有没有人有想法?

我的想法是这样的:

onload - show cookie Banner 

if not clicked on "accept"
overflow: hidden;
else
default scrolling experience

最佳答案

这应该可以解决您的问题:

$(document ).ready(function() {
let body = $('html, body')

// when the document is ready disable page scrolling by default
body.css('overflow', 'hidden');

// when click on your banner button enable page scrolling
$('#your-button-id-here').click(()=>
body.css('overflow', 'auto');
)
});

关于javascript - 如果未单击按钮,如何禁用滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56493983/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com