私は水平スクロール Web サイト (青写真) に取り組んでいます。非常にうまく機能し、アニメーションはスムーズに動作し、すべてがうまくいきます。window.location.hash
しかし、この場合プラグインで追加したいときはうまくいきba-hashchange
ません。
$(document).ready(function(){
$("nav").delegate("a", "click", function(event) {
window.location.hash = $(this).attr("href");
return false;
});
var newHash = "";
$(window).bind('hashchange', function(){
newHash = window.location.hash;
if (newHash) {
$('body,html').stop().animate({
scrollLeft: $(newHash).offset().left
}, 2500,'easeInOutExpo');
};
});
$(window).trigger('hashchange');
});
これは hashChange なしのライブの例ですHASH の例なし
そして、ここにhashChange WITH HASHの例があります
基本的に私がやりたいこと:
- クリックすると nav new window.location.hash が設定されます
- 関数「hashchange」を持つプラグイン読み取りハッシュ
- そして、特定のハッシュが「id」を指示するようにアニメーション化するとき
ハッシュで何が起こっているか:
- クリック時の URL の変更
- 関数「hashchange」が機能するのは、代わりに alert(newHash) をアニメーション化すると、実際のハッシュが表示され、アニメーションが機能しないためです。
- ハッシュが変更されたリンクを配置すると、HASH CHANGED SERVER PATH/#portfolioが機能します
アニメーションオフセットとハッシュチェンジを組み合わせるのを手伝ってください。ありがとうございました!!