-1

解决此问题的最佳方法是什么？：

我有一个列表，其中包含您可以单击的名称。当您单击该名称时，该列表将消失并显示有关该名称的信息。但是，该列表通常比信息长，因此如果您单击列表底部的名称...列表将替换为信息（因此页面变短）。但是，Chrome（在 OS X 10.8 上）会保持当前滚动位置，即使滚动条已经缩小......所以用户只会看到一个灰色屏幕（因为页面不再向下那么远）。

任何帮助将不胜感激！如果需要，我可以澄清这个问题:)

编辑：我之前尝试过 AwokeKnowing 的建议，但这不是一个很好的选择，因为如果添加的内容已经在视口中，滚动到顶部会有一种“生涩”的感觉。你已经可以看到它被添加了，那么为什么在这种情况下调整滚动呢？需要有一种方法来测试内容是否在视口中可见。

$("button").click(function(){
   alert($("div").scrollTop());
});

此外，AwokeKnowing 还暗示这可能只是一个浏览器错误。如果是这种情况，是否有解决方法？

编辑2：更具体地说，名称是<a href="#">引导选项卡窗格中的链接列表（），单击它们会创建一个新的选项卡窗格并切换到它。问题是新创建的窗格比上面有列表的窗格短得多。切换到较短的窗格会产生不需要的行为。

4

1 回答 1

1

使用 jquery 你可以滚动到任何元素，所以当你处理点击时只需滚动你的 div

$("button").click(function(){
   alert($("div").scrollTop());
});
于 2013-10-14T18:56:10.737 回答