Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.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/blackberry/2.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 新的Chrome行为:单击的元素保持原样,当加载新内容时,文档滚动位置移动_Javascript_Jquery_Google Chrome - Fatal编程技术网

Javascript 新的Chrome行为:单击的元素保持原样,当加载新内容时,文档滚动位置移动

Javascript 新的Chrome行为:单击的元素保持原样,当加载新内容时,文档滚动位置移动,javascript,jquery,google-chrome,Javascript,Jquery,Google Chrome,我注意到Chrome上的一个新行为正在影响我所有的AJAX“加载更多”功能、手风琴类型的内容显示和其他效果 预期效果: 加载更多内容或显示隐藏内容 页面上的滚动位置保持不变,添加新内容位置下方的内容向下移动 您单击的按钮或元素可能会在页面上向下移动-可能会移出视口-这是“显示/隐藏”或“加载更多帖子”按钮的预期效果 这就是is在Firefox、Safari上的工作方式,以及它在Chrome上的工作方式 新铬行为 单击的按钮或元素保持在原来的位置,整个页面滚动位置围绕它移动 为什么要实

我注意到Chrome上的一个新行为正在影响我所有的AJAX“加载更多”功能、手风琴类型的内容显示和其他效果

预期效果:
  • 加载更多内容或显示隐藏内容
  • 页面上的滚动位置保持不变,添加新内容位置下方的内容向下移动
  • 您单击的按钮或元素可能会在页面上向下移动-可能会移出视口-这是“显示/隐藏”或“加载更多帖子”按钮的预期效果

这就是is在Firefox、Safari上的工作方式,以及它在Chrome上的工作方式

新铬行为
  • 单击的按钮或元素保持在原来的位置,整个页面滚动位置围绕它移动


为什么要实施这一改变,有没有一种简单的方法来强制旧的行为

以下是我的概念验证/测试的基本演示:

$('.toggle me').hide();
$('#toggle')。打开('click',function(){
$('.toggle me').slideToggle();
});
div{
最大宽度:500px;
填充:1em;
}
.切换我{
背景:#ffeeee;
}

在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。这是一个伟大的真理,是一个神圣的圣器,是一个伟大的圣器。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。这是一个伟大的真理,是一个神圣的圣器,是一个伟大的圣器。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。这是一项伟大的事业,是一项伟大的事业。
在发酵罐中发酵。这是一种非大型的植物。整数是一个完整的数字。埃尼安·尤利奥·夸姆。威尼斯人前庭的佩伦茨克ornare sem lacinia quam。在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。在发酵罐中发酵。这是一种非大型的植物。整数是一个完整的数字。埃尼安·尤利奥·夸姆。威尼斯人前庭的佩伦茨克ornare sem lacinia quam。在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。在发酵罐中发酵。这是一种非大型的植物。整数是一个完整的数字。埃尼安·尤利奥·夸姆。威尼斯人前庭的佩伦茨克ornare sem lacinia quam。在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。
显示/隐藏
这是一个很好的例子。Donec在eget metus为非mi porta孕妇确定了最佳身份。Lorem ipsum dolor sit amet,是一位杰出的献身者。我不知道是谁干的,我不知道是谁干的。埃尼安·尤利奥·夸姆。威尼斯人前庭的佩伦茨克ornare sem lacinia quam。
Donec sed odio dui。这是一种很好的调味品,是一种很好的调味品。Donec在eget metus为非mi porta孕妇确定了最佳身份。在发酵罐中发酵。
在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。这是一项伟大的事业,是一项伟大的事业。
在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。这是一项伟大的事业,是一项伟大的事业。
在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。Praesent commodo cursus magna、vel scelerisque nisl Concetetur等
“为什么要实施这一变化”不能用这么简单的问题来回答

“有没有一种简单的方法来强迫旧的行为?”
我怀疑这一点,如果这是他们想要Chrome的行为方式——它似乎不是一个可切换的功能

但作为一种解决方法,您可以将“显示/隐藏”按钮置于“折叠”上方

$('.toggle me').hide();
$('#toggle')。打开('click',function(){
$('.toggle me').slideToggle();
});
div{
最大宽度:500px;
填充:1em;
}
.切换我{
背景:#ffeeee;
}

在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。这是一种非大型的植物。这是一个伟大的实践,是一个伟大的实践。塞德·波苏尔·康塞泰特在洛博蒂斯。这是一项伟大的事业,是一项伟大的事业。
在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。这是一种非大型的植物。普雷森特康茂德大教堂