當頁面被url調用時，水平滑塊容器位置向上散列

如果您在此處查看頁面@http://8020indie.com/wp-content/uploads/TEC/, 您將看到一切正常，但是當您使用散列訪問頁面時（例如http://8020indie.com/wp-content/uploads/TEC/index.htm#content2），水平定位內容div已關閉。任何想法將不勝感激。由於當頁面被url調用時，水平滑塊容器位置向上散列

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

來源

2012-02-29 Jason Wallace

我認爲你的意思是「垂直位置」。 – Diego 2012-02-29 03:47:16

是的，我爲此抱歉。垂直的位置，如果你是正確的。 – 2012-02-29 03:51:21

正如你可能知道，如果哈希的「A」標記的名稱，如<a name="content2"/>匹配，瀏覽器會自動向下滾動到它。

在HTML5中，如果散列的任何DOM對象的ID相匹配，瀏覽器將向下滾動到它。

這不完全是這裏發生的事情，但我的猜測是，由於自動滾動，你的content2 div的最終位置正在變得混亂。你真的必須使用一個匹配div的ID的散列嗎？例如，爲了避免這種情況，您可以使用window.location.hash並將其映射到實際的div ID。

來源

2012-02-29 03:57:26 Diego

發生什麼事是人們無論出於何種原因都使用散列進入網站。理想情況下，我想從他們用來進入網站的散列中提供點擊狀態。只是注意到，如果我使用＃parallax2它也會去內容2，但仍然定位。 – 2012-02-29 04:14:22

當頁面被url調用時，水平滑塊容器位置向上散列

回答

相關問題