Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 向下滚动后,将固定购物车返回到原始位置_Jquery_Html_Css - Fatal编程技术网

Jquery 向下滚动后,将固定购物车返回到原始位置

Jquery 向下滚动后,将固定购物车返回到原始位置,jquery,html,css,Jquery,Html,Css,我有一个固定的购物车,工作非常好。在页面加载时,购物车位于页面顶部350px的位置,向下滚动350px后,购物车将固定在页面上,我的问题是,向上滚动时的购物车一直返回页面顶部,而不是返回其原始位置 我该怎么做 $(窗口).on(“滚动”,函数(){ 如果($(窗口).scrollTop()>350){ $(“#stickycart”).css(“页边空白顶部”、“0”、“右”和$(窗口).scrollTop()); } }); #stickycart{ 宽度:25%; 浮动:对; 利润率:20

我有一个固定的购物车,工作非常好。在页面加载时,购物车位于页面顶部350px的位置,向下滚动350px后,购物车将固定在页面上,我的问题是,向上滚动时的购物车一直返回页面顶部,而不是返回其原始位置

我该怎么做

$(窗口).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"});
    }
});