1

我有一个布局非常复杂的 HTML 页面（请参见此处）。我需要在该页面上放置一个图像，访问者可以将其拖动到任何地方，这样她就可以记住她在哪里。我已经实现了书签功能，但现在我需要将图像放在她可以轻松抓取它的地方。

基本上，我希望元素保持在右侧的 ToC 下方，但不应滚动到视野之外。

我想我可以在元素开始滚动到视野之外时立即使用 JavaScript 来移动它，但是有更好的选择吗？我可以说“在 ToC div 或 view.top 的右下方浮动，以较大者为准”？

或者也许我应该创建一个固定的标题（带有链接和可能的 ToC）？

还有其他想法吗？

4

2 回答 2

1

如果您只想固定图像，但仍可滚动到窗口顶部，那么您需要处理窗口的滚动事件，并在图像滚动到顶部时将图像的位置设置为固定。

有关这方面的示例，请参阅QuirksMode上的站点导航。

或者，您可以给整个 TOC position: fixed; right: 0;，给 toc 一个宽度，并给预告片一个与 TOC 宽度相等的右边距。这样就没有 JavaScript 要求，并且您将始终可见整个 TOC。

于 2010-03-01T16:08:42.810 回答
1

它可能可以使用 JQuery 完成，但总是很紧张。我会考虑一个固定的DIV。当然，您可以将其放置在菜单下方，这样它就永远不会比菜单更高（= 更靠近顶部边缘），并且会保持其位置。

.thingy { position: fixed; right: 0px; top: 415px; width: 256px }

这将需要菜单下方没有其他内容，否则书签图标将与其他内容重叠。

于 2010-03-01T16:10:22.603 回答