我一直在尝试布局这个页面,但对我来说,似乎不能让它以我想要的方式工作。
Window = black
Titlebar = red
Content div = blue
Vertical scrollbar = green
Horizontal scrollbar = yellow
最小标题栏/内容div宽度为1024px,增长到窗口大小。
我可能想得太多了,答案可能比我尝试的要简单得多。
基本上我想有一个固定的标题栏div在页面的顶部,从不垂直滚动。如果它不适合窗口水平,我希望水平滚动条滚动标题栏和内容。如果内容div比窗口高度高,我想让它滚动,否则我想让它延伸到页面底部。
在很大
因此,当您打开facebook应用程序并向下滚动页面时,标题将从屏幕顶部滑落,然后只要您将标题向上滚动,就会向下滑动。向下滑动可以发生在文档中的任何位置,并且总是在开始滚动时立即向下滑动(因此,我不希望一旦你滚动到文档的顶部就让标题向下滑动)。
我让它起作用了,但是如果你上下滚动,你会注意到一些标题被切断了,被切断的数量是完全随机的。
这是js,我对这个问题做了一个
var lastScrollTop = 0;
var headerTop;
var headerTopMax;
var headerNewTop = 1;
var stMax;
$(window).scroll(function