Question

我想显示<div>但仅在用户向下滚动时显示，例如当他达到800px时。我想保持简单和轻松的东西，所以CSS只是最好的选择:)它是显示一些小的<li>基于右键的菜单。

我找到了解决办法，将其粘贴在右边，但不能仅显示在某个高度滚动上。

谢谢！

Answer 1

使用哇库：

http://mynameismatthieu.com/WOW/

您可以在此处显示时选择动画：

https://daneden.github.io/animate.css/

Answer 2

这就是你如何获得身体滚动的程度。在此示例中，只要您滚动超过800像素，就会出现按钮

$(document).scroll( function(evt) {
    var scrollAmount = $(window).scrollTop();
    var documentHeight = $(document).height();
    
    if(scrollAmount > 800) {
	  $('button').css("visibility","visible");
	}
});

div{
  height:1200px;
  background-color:red;
  width:100%;
}
button{
  visibility:hidden;
  position:absolute;
  top:900px;
  left:50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  </div>
<button>Appear</button>

仅在％或px页面上显示<div>：仅限CSS？

2 个答案: