問題のページ:
http://www.maidsinmemphis.com/index.php?id=6
アコーディオンの場所へのスクロールを停止し、代わりにページの上部までスクロールするにはどうすればよいですか?
問題のページ:
http://www.maidsinmemphis.com/index.php?id=6
アコーディオンの場所へのスクロールを停止し、代わりにページの上部までスクロールするにはどうすればよいですか?
https://github.com/sathomas/acc-wizardのドキュメントを読むと、サンプル コードで onNext (これも使用) で関数を呼び出すことができることがわかります。残念ながら、アコーディオンタブをクリックまたは開いたときに、次のイベントでこれが呼び出されません。ただし、OnNext とタブ クリックの両方で URL ハッシュが変更されます。このハッシュ変更を使用して、ページの上部へのスクロールをトリガーできます。
JavaScript/jQuery - onhashchange イベントの回避策では、onhashchange-event 用の関数がいくつか見つかります。http://www.electrictoolbox.com/jquery-scroll-top/は、スクロールトップトップ機能を提供します。一緒に作る:
var lastHash = "";
window.onload=function()
{
hashChangeEventListener = setInterval("hashChangeEventHandler()", 50);
}
function hashChangeEventHandler()
{
var newHash = location.hash.split('#')[1];
if(newHash != lastHash)
{
lastHash = newHash;
$('html, body').animate({scrollTop:0}, 'slow');
}
}