javascript - Jquery 窗口滚动....如果有的话

Question

我在 if...else 中的窗口滚动功能中遇到一些问题

它只能通过SCROLL END 1进入。

任何人都可以告诉我哪里做错了或者建议我改进。非常感谢

    $(window).scroll(function () {
        var scrollend = 1250;
        var second_scrollend = 4500;
        if ($(window).scrollTop() + $(window).height() >= scrollend) {
            console.log("SCROLL END 1");
            $("#sidepanel").css({ 'position': 'fixed', 'bottom': '10px', 'width': '300px' });
        } else if ($(window).scrollTop() + $(window).height() >= second_scrollend) {
            console.log("SCROLL END 2");
            $("#sidepanel").css({ 'position': 'fixed', 'bottom': marginbottom + 'px', 'width': '300px' });
        } else {
            $("#sidepanel").css({ 'position': 'relative', 'bottom': '0px', 'width': 'auto' });
        }

    });

Answer 1

更改变量值

 var scrollend = 4500;
 var second_scrollend = 1250;

为什么我们改变这个值

你的第一个条件总是为真，因为如果 $(window).scrollTop() + $(window).height() 大于 1250 它总是为真

Other Way change the sequence of condition

if ($(window).scrollTop() + $(window).height() >= second_scrollend) {
            console.log("SCROLL END 2");
            $("#sidepanel").css({ 'position': 'fixed', 'bottom': marginbottom + 'px', 'width': '300px' });
        }
else if ($(window).scrollTop() + $(window).height() >= scrollend) {
            console.log("SCROLL END 1");
            $("#sidepanel").css({ 'position': 'fixed', 'bottom': '10px', 'width': '300px' });
        }
 else {
            $("#sidepanel").css({ 'position': 'relative', 'bottom': '0px', 'width': 'auto' });
        }