горизонтальный контейнер ползунка вверх, когда страница вызывается из хеша URL - PullRequest
Новая
       15

горизонтальный контейнер ползунка вверх, когда страница вызывается из хеша URL

0 голосов
/ 29 февраля 2012

Если вы посмотрите страницу здесь @ 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";
    }
}

1 Ответ

0 голосов
/ 29 февраля 2012

Как вы, вероятно, знаете, если хеш совпадает с именем тега "a", например, <a name="content2"/>, браузер автоматически прокручивает его вниз.

В HTML5, если хеш совпадает с идентификатором любого объекта DOM , браузер прокручивает до него.

Это не совсем то, что здесь происходит, но я предполагаю, что из-за этой автопрокрутки окончательная позиция вашего content2 div искажается.Вы действительно должны использовать хеш, который совпадает с идентификатором div?Например, чтобы избежать этого, вы можете использовать window.location.hash и сопоставить его с фактическим идентификатором div.

...