Question

我通过Jquery从php文件（15项）加载我的div内容。一旦div的高度为500px，所有内容都在那里，但是一旦我希望它是100％，那么一些数据就不存在了。当高度为500px时，它会在滚动时加载更多，但一旦达到100％则不会滚动。我该如何解决这个问题？谢谢。

#list {
   position: fixed;
   top: 50px;
   left:0%;
   width: 350px;
   padding-left: 80px;
   height: 1000%;
   border: 1px #d3d3d3 solid;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius: 5px;
   background-color: #FFFFFF;
   box-shadow: 10px 10px -5px #888888;
   -moz-box-shadow:10px 10px -5px #888888;
   -webkit-box-shadow:10px 10px -5px #888888;
   overflow-y: scroll;
}

Answer 1

我认为您的问题是由以下CSS引起的（我将您的CSS中的height:1000%更改为height:100%，如您的问题所述：

position: fixed;
top: 50px;
height: 100%;

position: fixed告诉浏览器将该元素保留在同一位置，无论浏览器窗口滚动多少。
top: 50px告诉浏览器将元素从浏览器窗口顶部放置50个像素。
height: 100%告诉浏览器使元素的高度与浏览器窗口的高度相同（无论top位置如何）。

因为position:fixed表示在滚动页面时元素不移动，所以总是会在元素底部有50个像素，这些像素总是会被隐藏，因为元素位置是固定的，滚动时不会改变。

如果您需要元素始终距离屏幕顶部50像素，屏幕底部0像素（无论滚动如何），请不要指定height，而是执行此操作：

position: fixed;
top: 50px;
bottom: 0px;

div高度100％时看不到所有内容

1 个答案: