0

所以我正在修改一个使用 scrollTo 函数的主题，它可以正常工作，但是由于我向页面添加了一个固定的标题，当我点击链接时它会转到正确的位置，但我的标题覆盖了部分位于该位置的内容。我想偏移 y 滚动位置，这样我的标题就在内容的上方，而不是在内容的正上方。该网站是http://www.trevrandmarissa.com/。

运行脚本的 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 像素以将内容向下推到足够低的程度，这样标题就不会覆盖该部分的标题和其余内容。如果您单击页面上的链接，您将看到它是如何被覆盖的。

谢谢！

PS调用滚动速度的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; ?> );
    });

但它不会工作。

4

1 回答 1

-1

我暂时做了一个快速修复：

  1. 将 useHash 设置为 FALSE
  2. 通过搜索“offset().top”更新 jquery.visualNav.js 文件并减去固定标题的高度。
于 2013-08-13T09:26:37.520 回答