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確實打破布局，而滾動

回答

相關問題