Question

基本上我有一个类似这样的结构：

<body>
   <div> main content </div>
   <div> toolbar </div>
   <div> results </div>

向下滚动时，我希望“主要内容”从屏幕上消失。 “工具栏”与页面顶部保持齐平，“结果”滚动，在滚动时消失在“工具栏”中。

编辑：工具栏在屏幕中间开始。我希望它滚动到顶部，但是没有进一步，但页面的其余部分（下面）继续滚动。

但这有点不同。在上面的示例中，尽管工具栏位于顶部附近，但它会阻止滚动结果。

Answer 1

我会有位置：固定;对于工具栏。这样它将在视图中保持固定。

<body>
   <div> main content </div>
   <div style="position:fixed;"> toolbar </div>
   <div> results </div>

Answer 2

您使用的是ASP.NET AJAX吗？如果是这样，你可以使用像Always visible control这样的东西：

如果不是，我相信有一些jQuery重制它，我相信这个也可以工作：

Answer 3

$(".myDivClass").css("overflow", "hidden");