2013-08-01 34 views
0

因此,我正在修改使用scrollTo函數的主題,該函數可以正常工作,但由於我在頁面中添加了固定標題,因此當我點擊鏈接時,它會轉到正確的位置,但我的標題覆蓋了部分的內容是在那個位置。我想抵消y滾動的位置,這樣我的標題就在內容的上方,而不是在上面。該網站是http://www.trevrandmarissa.com/scrollTo函數內的PHP到href屬性的偏移量?

運行該腳本的PHP文件是

<script type="text/javascript"> 
    jQuery(window).load(function() { 
    // Setup the site navigation 
    jQuery('#mainNav').visualNav({ 
     link    : 'a', 
     targetAttr  : 'href', 
     inViewClass  : 'inView', 
     selectedClass  : 'selected', 
     selectedAppliedTo : 'a', 
     contentClass  : 'soloSection', 
     contentLinks  : 'visualNav', 
     bottomMargin  : 200, 
     animationTime  : <?php echo $scroll_speed; ?> 
    }); 

    // Add scrollTo capability to special links and buttons 
    jQuery(".scrollToBtn").click(function(e){ 
     e.preventDefault(); 
     jQuery.scrollTo(jQuery(this).attr("href"), <?php echo $scroll_speed; ?>) 
    }); 
    }); 
</script> 

我想補充說,大約100像素從頂偏推含量降至足以使頭沒有被覆蓋的標題該部分和其他內容。如果你點擊頁面上的鏈接,你會看到它是如何被覆蓋的。

謝謝!

P.S. PHP的調用滾動速度是內置的主題功能,現在你可以只承擔<?php echo $scroll_speed; ?>是1200

我已經試過

jQuery(".scrollToBtn").click(function(e){ 
     e.preventDefault(); 
     jQuery.scrollTo(jQuery(this).attr("href").offset().top-300, <?php echo  $scroll_speed; ?>); 
    }); 

,但它不會工作。

+0

什麼'href'在'的jQuery(這).attr( 「HREF」)'?像什麼是價值? – SpYk3HH

+0

了'href'我相信相匹配的連接與該PHP生成的頁面時,DIV給出的ID是什麼。該鏈接是標題中的「#location」,然後它在具有「location」作爲ID的頁面上找到生成的鏈接。如果我對它的理解正確,那麼PHP在加載頁面時會從數據庫中單獨生成頁面,然後JavaScript只會偵聽匹配的ID。 –

回答

-1

我也暫時了一個quickfix:

  1. 集useHash爲FALSE
  2. 更新通過搜索jquery.visualNav.js文件「偏移()頂部」,減去的高度你固定標題。