我有一个有 5 个页面的测试站点。 我添加了scrollleft功能,但有些页面在y轴上很长,所以我的滚动条很大,当我向下滚动长页面时,它还可以,但当我滚动短页面时,它看起来很差(在小分辨率下)。 我的问题是: 有没有办法动态改变滚动条的高度,例如
var height = $('#page1').innerHeight();
window.setHeihgt(height)
谷歌搜索一段时间后,我没有找到与我的问题类似的内容 任何建议表示赞赏 谢谢 PS:我的测试站点 http://srv105047.hoster-test.ru
编辑
是否可以从position:fixed属性中转义? 如果我将位置设置为菜单的固定位置,scrolleft 效果就可以,如果我不这样做,则需要菜单并滚动, 但如果我向下滚动,菜单会保留,这不是很好的视觉表示
最佳答案
这是一个糟糕的方法......
让我们尝试仅使用 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());
});
这会起作用,但这不是更好的方法
关于javascript srollleft 和滚动条以及固定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29169384/