html怎么让滚动条自动显示或隐藏

Posted 2023-05-01

在需要的时候设置document.body.style="overflow:
hidden;";就行了
<button id="btn">隐藏
滚动条
</button>
<script>
document.
getelementbyId
("btn").addeventlistener("click",overflow_hidden);
function overflow_hidden()

document.body.style="overflow: hidden;";

</script>如上就可以在点击按钮时隐藏滚动条了 参考技术A 1.
找到html标签
2.
为html
添加css
属性
3.
overflow: scroll;
4.
滚动条就会一直显示，
5.
如果只想显示y轴的滚动条
6.
你可以这样写：overflow-y: scroll;overflow-x: hidden;

js : 怎么设置网页滚动条超过800px后，显示“返回顶部”的按钮？

我这里有个 返回顶部的按钮，设置当滚动条 超过800px的时候，才显示，不然就隐藏。
我的 按钮 是class="dingbu2" ;

.dingbu2display:none;

引入 jquery.min.js 文件

$(window).on('scroll',function()
    var st = $(document).scrollTop();
    if( st>0 )
        $('.dingbu2').fadeIn(300);
    else
        $('.dingbu2').fadeOut(300);
    
);
$(".dingbu2").click(function()
    if(scroll=="off")
        return;
    
    $("html,body").animate(scrollTop: 0, 600);
);

参考技术A var dingbu2 = $('.dingbu2');
if($(window).scrollTop()>=800)
dingbu2.css('display','block'):

这样就可以了。追问

嗯，谢谢，你的js很简短，不过你忘了：
当高度 不够的时候，设置div 隐藏。
还是谢谢你！︿(￣︶￣)︿

参考技术B #top position: fixed; width: 40px; height: 40px; right: 10px; top: 85%; background-image: url(../images/top.png); background-size: 80px 60px; background-position: 50% 10%; background-repeat: no-repeat; text-align: center; line-height: 60px; cursor:pointer

<div id="top">TOP</div>

<script type="text/javascript" src=" jquery.min.js"></script>

$(function()
$("#top").hide();
$(window).scroll(function()
if ($(this).scrollTop() > 1)
$("#top").fadeIn();
else
$("#top").fadeOut();

);
$("#top").click(function()
$("html,body").animate(
scrollTop: 0
, 1000);
return false;
);
)