作为昨天关于我的question的后续关于HTML/CSSS列滚动。HTML/CSS/jquery滚动问题
这是工作,但我有一个问题,当右列比屏幕高度短,只要我开始滚动该列移动到页面的底部。
This FIDDLE显示了我的意思。
jQuery的使用是:
var columnHeight = $('.right').outerHeight(true);
var windowHeight = $(window).height();
$(window).scroll(function() {
if ($(this).scrollTop() + windowHeight >= columnHeight) {
$('.right').css({
position: 'fixed',
top: -(columnHeight - windowHeight)
});
} else {
$('.right').css({
position: 'static',
top: 'auto'
});
}
});
我试图存档是,如果右列是不是只要在屏幕上,那么它应该留在上面。
如果它比屏幕长,那么它应该滚动,但在到达底部时停止。
如果需要,左栏需要能够继续滚动。
希望这是有道理的! 谢谢
**** UPDATE **** 将右列设置为FIXED将停止滚动到列表底部,如果它长于屏幕。
如果你设置'位置:fixed'但没有设置'top'值'ul'将留在其原来放置:https://jsfiddle.net/ 3a0575fu/1 /。那是你要的吗? –
注意很.. https://jsfiddle.net/3a0575fu/14/显示当两个列表都相当日志会发生什么..你不能长期向下滚动在右边列表 – Tom
任何一个任何其他的想法呢? – Tom