gpt4 book ai didi

javascript - 如何使用 css 和 js 修复除法..?

转载 作者:太空宇宙 更新时间:2023-11-04 04:37:03 27 4
gpt4 key购买 nike

在我的网页中,左侧的一个分区应该固定在一个特定的位置。我正在使用 position:fixed;top:150px;left:0px;。所以现在即使我们向下滚动页面,分区也不会从当前位置改变。

但是这里我遇到了一个问题。如果向下滚动页面 150px 或更多,我会在左侧部分的顶部得到 150px 的空白区域。

所以我的要求是,如果我向下滚动页面 150px 或更多,那么左侧部分的 css 应该更改为 position:fixed;top:0px;left: 0px; 以及当我再次回到页面顶部时,css 应该更改为 position:fixed;top:150px;left:0px;

我开始知道这不能只用 CSS 来完成,我们必须将 JS 与 CSS 一起使用。但我不知道该怎么做。

请帮助我...!!

提前致谢, sleep

最佳答案

因此,根据您上面所说的,您希望有一个元素跟随您在页面中向下移动,但在您向下滚动一些方式后更改它的顶部位置。

我创建了一个 jsfiddle,它使用 js 在文档滚动超过 150px 后向元素添加一个类。如果他们向后滚动超过 150 像素,它也会删除该类。

http://jsfiddle.net/KQCRC/

.fix {
position:fixed;
top:150px;
left:0px;
width:100px;
height:100px;
background:#fff;
}
.fix.scrolled {
top:0;
}

关于javascript - 如何使用 css 和 js 修复除法..?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16183987/

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