1

我对 JQuery 有点陌生，我试图在页面加载时使页面底部的 div 淡入，然后当用户开始滚动时，div 需要淡出，然后在滚动回顶部时重新出现.

我所做的只是淡入 div 的代码不起作用，可以在这里看到http://jsfiddle.net/DeZnT/

我正在使用的 jQuery 是

$(document).ready(function () {
    $(function(){
         $(".other_product_links").animate({bottom:'0px'});
      });
});

提前感谢您的时间和帮助。

4

2 回答 2

7

淡入（也有相应的 fadeOut 方法）：

$("#element").fadeIn(300);

为了检测用户向下滚动了多远，您可以使用以下内容：

$(document).ready(function(){
    $(window).scroll(function(){
        var posFromTop = $(window).scrollTop();

        if(posFromTop > 200){
        // if more than 200px from the top do something


        } else {
        // otherwise do something else.

        }
    });
});
于 2013-06-11T15:11:30.570 回答
1

第一步是从您的类中删除 display:none，并将底部位置设置为从页面下方开始（即 0 减去 div 高度）。

.other_product_links {
  height: 200px;
  width:100%;
  opacity: 0.8;
  background: #ffd6fd;
  border-top: 2px solid #f095d9;
  position: fixed;
  bottom: -200px;

}

然后，您的 jQuery 需要做的就是将底部移动到 0。

$(".other_product_links").animate({bottom: '0px'}, 1000);

这让你半途而废。我以前没有做过滚动部分。

于 2013-06-11T15:24:42.883 回答