私が代理店のために開発したこのサイトを見てください。
セクション間をスクロールするために localScroll プラグインを使用しました。別のセクションを追加するように依頼されましたが、何らかの理由でプラグインが無視されているようです。「今日のエリクサー」をクリックし、「送信」をクリックします。セクションにスクロールする代わりに、セクションにジャンプするだけで、ハッシュが URL に表示されます。他のリンクでは、これは起こりません。
新しいセクションが強調表示された状態でスクロールを呼び出すために使用されるコードは次のとおりです。
$('#navContainer, #navShindigs, #navTidbits, #navBarnburners, #navLegend, #shindigs, **#recipeForm**').localScroll({
target: '#contentViewport',
easing: 'easeOutSine'
});
セクションへのリンクは次のとおりです。
<a href="#recipeForm"><img id="submit_elixir" src="grfx/submit.png" /></a>
そして、ここにセクションがあります：
<div id="recipeForm">
<section id="section_recipe">
<fieldset>
<h2>Submit a Recipe</h2>
<form id="mailform" name="contact" method="post" action="inc/procMail.php">
<label for="yourName">Your Name</label><input type="text" name="yourName" id="yourName" value="" />
<label for="yourEmail">E-mail Address</label><input type="text" name="yourEmail" id="yourEmail" value=""/>
<label for="yourMessage">Your Recipe</label><textarea name="yourMessage" id="yourMessage" rows="3"></textarea>
<input type="image" name="Send Recipe" alt="Send Recipe" class="sendEmail" src="grfx/submit_button.png" />
</form>
</fieldset>
</section>
</div>
サイト上の他のすべての jQuery コードは、他のすべての要素のスクロールを含めて機能します。無視されているように見えるのは、この追加されたセクションだけです。
誰かが光を当てたり、洞察を提供したりできますか? これまで scrollTo または localScroll プラグインで問題が発生したことはありません。