使用jQuery UI hide（“幻燈片”）時，如何防止頁面向下滾動？

Question

這是我的代碼：

$('#pagelinks > a').click(function () { 
$('html,body').animate({ scrollTop: 0 }, 200);
setTimeout(function() {$('#my_div').hide("slide",{direction:"right"},500);},250);
return false;
});

我的問題是這樣的：當我點擊鏈接時，它會正確向上滾動，但隨后自動向下滾動（似乎在我點擊的位置）並通過滑動隱藏my_div的內容並保持原樣。 我不希望它向下滾動到我點擊的位置，而是保持在頂部。 我嘗試了所有我知道但沒有任何作用。

請注意，如果我只使用hide（）而不是hide（“slide”，{direction：“right”}，500），則不會向下滾動。 此外，向下滾動發生在Firefox和Opera上，但不在Chromium中。

謝謝你的幫助，

Nolhian

Answer 1

我可以想到兩個選擇：

1）如果不按照固定方式使用錨固部件，請勿使用帶錨固件的連桿。

2）通過將事件傳遞給click函數並使用preventDefault來停止發生默認事件。

例如：.click（function（e）{e.preventDefault（）;}）;