Question

我想在页面向下滚动时显示div。问题是我的页面主体隐藏了溢出以及大多数其他div，除了按下按钮时出现在页面某个点上的表格。所以该表有溢出：根据需要滚动，我尝试将滚动事件挂钩。但无论如何它都不起作用。它能是什么？

这是我的HTML：

<body>  
  <div class="maine">
<table id="tableToClone" class="ts">
  <div class="backtotopplank"></div>
                    </table>  
  </div>   
</body>

CSS：

html, body{
  height:100%;
  background:black;
  width:100%;
}

.ts  {  
  background:red;
    border-collapse:collapse;
    border-spacing:0;
  margin:auto auto;
    width:70%;
  height:3000px;
    overflow:scroll;
}


.maine{
  width:70%;
  margin:auto auto;
  background:white; 
  position:relative;
    overflow-x:hidden;  
}

.backtotopplank{
    background:black;
    background-size:100% 100%;
    position:fixed;
    width:153px;
    height:56px;
    left:900px;
    bottom:0px;
    cursor: pointer;
display:none;
}

和JQuery：

$(".ts").scroll(function() {
  var y = $(this).scrollTop();
  if (y > 400) {
    $(".backtotopplank").fadeIn();
  } else {
    $(".backtotopplank").fadeOut();
  }
});

Answer 1

$(document).ready(function()
{
  $(window).scroll(function() {
    var y = $(this).scrollTop();
    if (y > 100) {
     $(".backtotopplank").fadeIn();
    } else {
     $(".backtotopplank").fadeOut();
   }
  });
});

试试这可能对你有帮助。它适合我。

Jquery滚动事件不起作用

1 个答案: