Question

我的下面代码（or jsfiddle）无效。但它确实适用于我的移动应用程序。它应该做的是使箭头（滚动到底部按钮）在底部时淡出，然后在它返回时淡入视图。

为什么它在浏览器（chrome）中不起作用？

$(window).bind("mousewheel DOMMouseScroll scroll swipe touchmove touchstart", function (e) {
    var hT = $('#bottom').length ? $('#bottom').offset().top : 0,
            hH = $('#bottom').outerHeight(),
            wH = $(window).height(),
            wS = $(this).scrollTop();
    if (wS > (hT + hH - wH)) {
        $('.saveForm').fadeOut();
    } else {
        $('.saveForm').fadeIn();
    }
});

Answer 1

你只是缺少＆＃34; =＆＃34;签署;）

$(window).bind("mousewheel DOMMouseScroll scroll swipe touchmove touchstart", function (e) {
    var hT = $('#bottom').length ? $('#bottom').offset().top : 0,
            hH = $('#bottom').outerHeight(),
            wH = $(window).height(),
            wS = $(this).scrollTop();
    if (wS >= (hT + hH - wH)) { // = here when it is at the bottom
        $('.saveForm').fadeOut();
    } else {
        $('.saveForm').fadeIn();
    }
});

请注意，该功能必须滚动事件。如果你想在点击箭头btton时隐藏按钮，你需要检查那个事件（onclick）。

滚动到底部不触发行为

1 个答案: