0

ここのページを@http: //8020indie.com/wp-content/uploads/TEC/で表示すると、すべてが正常に機能していることがわかりますが、 http： //8020indie.comなどのハッシュを使用してページにアクセスすると/wp-content/uploads/TEC/index.htm#content2、コンテンツdivの水平位置がオフになっています。任意のアイデアをいただければ幸いです。ありがとう

$(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";
    }
}
4

1 に答える 1

0

ご存じのとおり、ハッシュが "a" タグの名前 ( など) と一致する場合<a name="content2"/>、ブラウザーは自動的に下にスクロールします。

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

それは正確にはここで起こっていることではありませんが、content2自動スクロールのために div の最終位置がめちゃくちゃになっていると思います。の ID に一致するハッシュを本当に使用する必要がありdivますか? これを回避するには、たとえば、それを使用window.location.hashして実際の div ID にマップできます。

于 2012-02-29T03:57:26.327 に答える