javascript srollleft 和滚动条以及固定位置

Question

我有一个有 5 个页面的测试站点。我添加了scrollleft功能，但有些页面在y轴上很长，所以我的滚动条很大，当我向下滚动长页面时，它还可以，但当我滚动短页面时，它看起来很差(在小分辨率下)。我的问题是:有没有办法动态改变滚动条的高度，例如

var height = $('#page1').innerHeight();
window.setHeihgt(height)

谷歌搜索一段时间后，我没有找到与我的问题类似的内容任何建议表示赞赏谢谢PS:我的测试站点 http://srv105047.hoster-test.ru

编辑

是否可以从position:fixed属性中转义？如果我将位置设置为菜单的固定位置，scrolleft 效果就可以，如果我不这样做，则需要菜单并滚动，但如果我向下滚动，菜单会保留，这不是很好的视觉表示

Answer 1

这是一个糟糕的方法......

让我们尝试仅使用 CSS 来解决问题。

将您的更改放入您的 css 部分

html, body {
  width: 100%;
  background: #083b40;
  margin: 0;
  overflow: hidden;
}

现在，将 overflow-y:auto; 设置为您的 .page 选择器

使用 jQuery，设置最大高度

$(".page").each(function(){
  $(this).css('max-height',$(window).height());
});

这会起作用，但这不是更好的方法