Question

所以我正在修改一个使用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像素偏移的说法，以便将内容推得足够低，以便标题不会覆盖该部分的标题和其他内容。如果您点击页面上的链接，您将看到它是如何被覆盖的。

谢谢！

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; ?> );
    });

但它不起作用。

Answer 1

我暂时做了一个quickfix：

将useHash设为FALSE
通过搜索“offset（）。top”更新jquery.visualNav.js文件，并减去固定标题的高度。

PHP中的scrollTo函数是否带有偏移量的href属性？

1 个答案: