ページがURLハッシュから呼び出されたときに水平スライダコンテナの位置が設定されます

Question

ここにページを表示すると、http://8020indie.com/wp-content/uploads/TEC/、 すべてが正常に動作しますが、http://8020indie.com/wp-content/uploads/TEC/index.htm#content2などのハッシュを使用してページにアクセスすると、コンテンツdivはオフです。どんなアイデアでも大歓迎です。ハッシュは、<a name="content2"/>として、「」タグの名前と一致した場合のおかげ

$(document).ready(function(){ 
    var width = '1000'; 
    var slides = 3; 
    $('.main_inner').css({ 
     width: slides * width, 
    }); 
    $('a.tab_link').click(function(){ 
     var contentNum = $(this).attr('rel'); 
     var marginToScroll = width * contentNum - width; 
     $('.main_inner').animate({ 
     marginLeft: '-' + marginToScroll, 
     }, 1000); 
     return false; 
    }); 
    jQuery('#parallax1').jparallax({mouseport:jQuery('#content1')},{xtravel: '15px',      ytravel: '0px'},{xtravel: '15px', ytravel: '0px'}, {xtravel: '15px', ytravel: '0px'}); 
    jQuery('#parallax2').jparallax({mouseport:jQuery('#content1')},{xtravel: '15px', ytravel: '0px'},{xtravel: '15px', ytravel: '0px'}, {xtravel: '15px', ytravel: '0px'}); 
    jQuery('#parallax3').jparallax({mouseport:jQuery('#content1')},{xtravel: '15px', ytravel: '0px'},{xtravel: '15px', ytravel: '0px'}, {xtravel: '15px', ytravel: '0px'}); 
}); 

function changeMySrc(i) { 
    if (i == 1) { 
     document.getElementById("ui_tab").src="images/buttonUiOn.png"; 
     document.getElementById("design_tab").src="images/buttonDesignOff.png"; 
     document.getElementById("integration_tab").src="images/buttonIntegrationOff.png"; 
    } 
    if (i == 2) { 
     document.getElementById("ui_tab").src="images/buttonUiOff.png"; 
     document.getElementById("design_tab").src="images/buttonDesignOn.png"; 
     document.getElementById("integration_tab").src="images/buttonIntegrationOff.png"; 
    } 
    else if (i == 3) { 
     document.getElementById("ui_tab").src="images/buttonUiOff.png"; 
     document.getElementById("design_tab").src="images/buttonDesignOff.png"; 
     document.getElementById("integration_tab").src="images/buttonIntegrationOn.png"; 
    } 
} 

Answer 1

あなたはおそらく知っているようには、ブラウザが自動的にスクロールします。 HTML5では

ハッシュは、任意のDOMオブジェクトをのIDと一致した場合、ブラウザはそれまでスクロールダウンします。

これはまさにここで起こっていることではありませんが、あなたのcontent2 divの最終的な位置は、その自動スクロールのためにうんざりしていると思います。あなたは本当にdivのIDと一致するハッシュを使用する必要がありますか？これを避けるには、たとえばwindow.location.hashを使用して、実際のdiv IDにマッピングします。