隐藏我的侧边栏上未完全显示的项目

Question

我的页面上有一个侧边栏，用于显示多个项目（一个在另一个下面）。我的侧边栏固定在我的页面右侧，因此当用户滚动页面时，侧边栏不会移动。我的侧边栏上的某些项目可能会部分显示，具体取决于页面的高度。

我的问题：是否可以完全隐藏被切断的项目？

我不知道我是否清楚？

非常感谢。

Answer 1

如果您不想显示额外的项目，可以使用$(window).hight()找到您的页面高度，然后加上其他对象，并从中减少。如果您在侧栏中的物品有等级，您可以从这些高度计算出它们的最终数量，并隐藏额外的物品。

Answer 2

var y = window.height;
var items = $('items selector');


items.each(function(i){
   var that = $(this);
   var height = that.height();
   var coord = that.offset();
   var itemBottom = coord.top+height;
   if(y < itemBottom){
      that.hide();
   }
});

这应该可行我猜，我没有;但是测试它但是如果你有线索，如果你不让我知道，你将能够使它工作。 此外，如果您需要解释我将解释它的代码。 如果你用css修复它，或者考虑你的布局方法，它会更好。

Answer 3

计算$（window）.height）（）和一个项目的高度说

假设窗口的高度为wH且项目的高度为iH，则执行

var n = Math.floor（wH / iH）。

n是没有任何切割可以装入的物品。