Jquery 向下滚动后,将固定购物车返回到原始位置
我有一个固定的购物车,工作非常好。在页面加载时,购物车位于页面顶部350px的位置,向下滚动350px后,购物车将固定在页面上,我的问题是,向上滚动时的购物车一直返回页面顶部,而不是返回其原始位置 我该怎么做Jquery 向下滚动后,将固定购物车返回到原始位置,jquery,html,css,Jquery,Html,Css,我有一个固定的购物车,工作非常好。在页面加载时,购物车位于页面顶部350px的位置,向下滚动350px后,购物车将固定在页面上,我的问题是,向上滚动时的购物车一直返回页面顶部,而不是返回其原始位置 我该怎么做 $(窗口).on(“滚动”,函数(){ 如果($(窗口).scrollTop()>350){ $(“#stickycart”).css(“页边空白顶部”、“0”、“右”和$(窗口).scrollTop()); } }); #stickycart{ 宽度:25%; 浮动:对; 利润率:20
$(窗口).on(“滚动”,函数(){
如果($(窗口).scrollTop()>350){
$(“#stickycart”).css(“页边空白顶部”、“0”、“右”和$(窗口).scrollTop());
}
});代码>
#stickycart{
宽度:25%;
浮动:对;
利润率:20px;
边缘顶部:450px;
浮动:对;
右:0;
排名:0;
保证金权利:4%;
位置:固定;
}
我点的菜
平均交付量
分钟数
如果您有可能将购物车作为绝对物品使用,我将提出以下建议:
CSS:
脚本:
$(window).on("scroll", function () {
if ($(window).scrollTop() > 350) {
$('#cart').css({"position" : "fixed", "top" : "0"});
} else {
$('#cart').css({"position" : "absolute", "top" : "350px"});
}
});
我无法在您的代码中找到一致性,因为HTML中不存在#stickycart
。但是,这可能是您想要的:很抱歉,这是一个错误,它在我的代码中。我只是再检查一下
$(window).on("scroll", function () {
if ($(window).scrollTop() > 350) {
$('#cart').css({"position" : "fixed", "top" : "0"});
} else {
$('#cart').css({"position" : "absolute", "top" : "350px"});
}
});