cuốn sách gpt4 ai đã làm

滚动一定量后,jQuery 代码在粘贴 div 时无法正常工作

In lại Tác giả: Walker 123 更新时间:2023-11-28 12:45:43 27 4
mua khóa gpt4 Nike

我正在为我创建一个网站,我想要其中的一个 div 滚动一定量然后固定。我可以做那么多,但遇到了一些意想不到的问题。

HTML


CSS

.nav
{
vị trí: tương đối;
chiều rộng: 100%;
padding-left:340px;
background:yellow;
border-bottom:2px solid black;
chiều cao:45px;
top:150px;
}
.stick
{
vị trí: cố định;
top:0px;
}
html{height:2000px}

jQuery

$(document).ready(function() {
var s = $(".nav");
var pos = s.position();
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (windowpos >= pos.top) {
s.addClass("stick");
} khác {
s.removeClass("stick");
}
});
});

JSfiddle

http://jsfiddle.net/4J4JE/

请帮助它回到原来的位置,不要滚动得更远,谢谢。

câu trả lời hay nhất

如果你不希望它回到原来的位置,那么删除你的 if (windowpos >= pos.top) 条件的 khác 部分,这样当您向上滚动时 stick 类就不会被删除。

$(document).ready(function() {
var s = $(".nav");
var pos = s.position();
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (windowpos >= pos.top) {
s.addClass("stick");
}
});
});

Nhìn thấy THỬ NGHIỆM .

关于滚动一定量后,jQuery 代码在粘贴 div 时无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17373023/

27 4 0
Đề xuất bài viết: css 错误停止部署
Đề xuất bài viết: javascript - 为什么我的函数不执行?
Đề xuất bài viết: JavaScript 拆分
Đề xuất bài viết: html - 将信息图标定位在其他图像之上
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress