Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/delphi/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果页面短于当前滚动位置,则向上滚动(引导和jquery)_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如果页面短于当前滚动位置,则向上滚动(引导和jquery)

Javascript 如果页面短于当前滚动位置,则向上滚动(引导和jquery),javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,解决这个问题的最佳方法是什么 我有一个名单,上面有你可以点击的名字。单击该名称时,列表将消失,并显示有关该名称的信息。但是,该列表通常比信息长,因此如果单击列表底部的名称。。。列表将替换为信息(因此页面将变短)。然而,Chrome(在OSX10.8上)保持当前的滚动位置,即使滚动条已经缩小。。。因此,用户只会看到一个灰色屏幕(因为页面不再向下延伸那么远) 任何帮助都将不胜感激!如果需要,我可以澄清问题:) 编辑:我以前尝试过AwokeKnowing建议的方法,但这不是一个很好的选择,因为如果添加

解决这个问题的最佳方法是什么

我有一个名单,上面有你可以点击的名字。单击该名称时,列表将消失,并显示有关该名称的信息。但是,该列表通常比信息长,因此如果单击列表底部的名称。。。列表将替换为信息(因此页面将变短)。然而,Chrome(在OSX10.8上)保持当前的滚动位置,即使滚动条已经缩小。。。因此,用户只会看到一个灰色屏幕(因为页面不再向下延伸那么远)

任何帮助都将不胜感激!如果需要,我可以澄清问题:)

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

$("button").click(function(){
   alert($("div").scrollTop());
});
此外,AwokeKnowing还表示,这可能只是一个浏览器错误。如果是这样的话,有解决办法吗


编辑2:更详细地说,名称是引导选项卡窗格中的链接列表(
),单击它们可创建一个新的选项卡窗格并切换到该窗格。问题是,新创建的窗格比包含列表的窗格短得多。切换到较短的窗格会产生不需要的行为。

使用jquery,您可以滚动到任何元素,因此在处理单击时只需滚动到div顶部即可

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

当您发布您尝试过的代码时,关于SO的问题最有效。这里有更多关于如何在SO上提问的参考:@kunalbhat——添加了代码。@Andrew这是一个开始,但我们可以看一个演示“急促”感觉的例子会很有帮助。。你能创建一个演示它的图片吗?如果没有小提琴,图片会很好:),谢谢你的回复!:)有没有办法检查用户的视图是否超过页面的末尾?如果没有必要,我不希望它滚动到顶部。嗯,这实际上是一个浏览器错误,所以“不应该”有一个方法。你不应该总是滚动到你刚刚添加的新项目的顶部吗?再次感谢你的回复!我不希望它总是将我滚动到顶部的原因是,如果添加的内容在视口中可见,那么强制滚动会有一点“不稳定”的感觉。这有意义吗?你用什么代码隐藏所有的名字?它们属于哪种元素?(这就是他们建议您添加当前代码的原因)