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;

为什么我们改变值

你的第一个密码总是正确的，因为if $(window).scrollTop() + $(window).height() is greater than 1250它始终是真的

其他方式改变条件序列

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' });
        }

Jquery窗口滚动....如果否则

1 个答案: