gpt4 book ai didi

javascript - 位置固定 - 水平滚动

转载 作者:技术小花猫 更新时间:2023-10-29 11:37:30 24 4
gpt4 key购买 nike

<分区>

我有一个左侧垂直侧边栏,当用户垂直滚动时,侧边栏会随着用户垂直滚动。但是,如果窗口太小,当用户水平滚动时,垂直侧边栏会随着窗口一起滑动。如何阻止侧边栏水平滚动,同时允许侧边栏随用户垂直滚动。

我不想这样做。

overflow: hidden;

因为我希望用户能够水平滚动,但我只是不想让侧边栏随之出现。

这是我的javascript:

$(document).ready(function(){
var top = $("#sidebar").offset().top;
$(window).scroll(function(){
var y = $(window).scrollTop();
if (y >= top) {
$("#sidebar").addClass('fixed');
} else {
$("#sidebar").removeClass('fixed');
}
});
});

我的 CSS 是:

#sidebar {
position: absolute;
height: 100%;
min-width: 100px;
width: 100px;
overflow: hidden;
background-color: #ededed;
border-right: 1px solid #aaa
}
#sidebar.fixed {
position: fixed;
height:100%;
top: 0%;
z-index: 1;
}

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