Jquery的scrollTop确实打破布局，而滚动

我有jQuery的scrollTop函数的问题。每当有人点击我的“返回顶部”按钮时，布局会在动画运行时崩溃。现在有特殊的代码，只是一个button.scrollTop（0）;Jquery的scrollTop确实打破布局，而滚动

布局的样式是边框框布局。

感谢您的帮助

2016-03-18 user1410569

你可以将你的代码添加到JS小提琴或PHP小提琴，以便我们可以看到？ –

只是为了测试函数本身是否不引起该问题尽量把你的身体标记

</head> 
<body> 
<div id="test"></div> 
... 
... 
<button id="test-button">Scroll to top</button> 
</body>

的最顶部的空div，然后在一个JS文件尝试这样做

var topButton = document.getElementById("test-button"); 
var test = document.getElementById("test"); 
topButton.onclick(function(){ 
    test.get(0).scrollIntoView(); 
});

这不是平滑滚动，但如果这个工程那么你的HTML标记的其余部分可能是罚款。

来源

2016-03-18 12:51:35

对不起，我没有测试它，因为我已经找到了一个可行的解决方案：阅读下面 – user1410569

至于我可以从你的解释中看到的是，你想滚动到顶部后点击按钮。但是你不能直接将scrollTop添加到按钮。

我希望你使用这样的：

$('button').click(function(){ 
    $('html').scrollTop(0); 
})

那会解决问题了吗？

来源

2016-03-18 12:55:19 Rotan075

这是我以前做过的方式。它失败了。但请阅读下面的正确工作解决方案;） – user1410569

这是我在这里的工作解决方案：

$('button').click(function(){ 
    $('html, body').animate({ 
     'scrollTop': '0px' 
    }); 
}, 300);

问题是由即时滚动到顶部becaused。

谢谢大家的帮助！

来源

2016-03-18 13:59:22 user1410569

Jquery的scrollTop确实打破布局，而滚动

回答

相关问题