以下のコードを使用して、サイトのアンカーへのスクロールを設定しましたが、別のページのリンクから非表示の特定のアンカーに移動したいという問題に遭遇しました (セクション 2)。他の質問/回答者からこれをつなぎ合わせました
var sectionhash = window.location.hash.substring(1)
jQuery(document).ready(function(){
jQuery.scrollTo('a[name=' + '#section2' + ']')
});
しかし、私はそれを機能させることができません。誰かがそれを実現する方法について何かアイデアを持っているなら、私は知りたい.
var currentSection = '#section1';
var currentPos = 0;
jQuery(document).ready(function(){
jQuery('.drop_down').find('a').bind('click', function(e) {
e.preventDefault();
var slidingSection = this.getAttribute('href');
if(slidingSection == currentSection) return false;
var slidingPos = jQuery(this).parent().index();
var targetSlide = jQuery('#scroller').children().eq(slidingPos);
jQuery('#scroller').children().not(currentSection).hide();
targetSlide.show();
var offset = 820;
if(slidingPos < currentPos) offset = -820;
targetSlide.css({top: offset});
jQuery(slidingSection).animate({top: 0});
jQuery(currentSection).animate({top: -offset});
currentSection = slidingSection;
currentPos = slidingPos;
});
});
<div id="scroller">
<div id="section 1"> content</div>
<div id="section 2"> different content</div>
</div>