jQuery 上升按钮出现和消失

Question

我有两个图像 bttimg1 和 bttimg2 我想根据滚动高度切换它们，并在它们的名为 back-to-top 的 div 中淡入淡出。用户滚动以下内容后；

    jQuery(document).ready(function(){
    var offset1 = (screen.availHeight / 2);
    var offset2 = (screen.availHeight * 2);
    var duration = 300;
    jQuery(window).scroll(function(){
        if (jQuery(this).scrollTop() < offset1) {
            jQuery('.back-to-top').fadeOut(duration);
        } else if ((jQuery(this).scrollTop() > offset1) || (jQuery(this).scrollTop() < offset2)) {
            jQuery('.back-to-top').fadeIn(duration);
            jQuery('#bttimg1').css('opacity', '0');
            jQuery('#bttimg2').css('opacity', '0.7');
        } else if (jQuery(this).scrollTop() > offset2){
            jQuery('.back-to-top').fadeIn(duration);
            jQuery('#bttimg1').css('opacity', '0.7');
            jQuery('#bttimg2').css('opacity', '0');
        } else {
            jQuery('.back-to-top').fadeOut(duration);
        }
    });
});

这是我使用的 jQuery 脚本，但图像的不透明度不会改变!我哪里错了？

Answer 1

在你的第二种情况下你不应该使用 ||但是&& .

这不是“如果滚动在 offset1 OR offset2 之间”

但是“如果滚动在 offset1 AND offset2 之间”

PS:在这种情况下我建议你使用>=和 <=而不仅仅是 >和 < .