Question

我有一个名为flexslider的幻灯片插件，只有在页面完全加载并且所有图像都已下载后才会显示。

我在这个页面上也有一个锚标记，在页面完全加载之前就会被调用。

由于页面高度已更改以适应幻灯片显示，因此导致锚标记位于错误的位置。

你可以在这里看到我的意思：http://ypc.org.au/ministries/form#transform2015

我已经复制了页面并删除了幻灯片，但它似乎可以正常工作，但我需要使用幻灯片： http://ypc.org.au/ministries/form2#transform2015

有人可以建议如何在页面完全加载后才能加载锚标记吗？或者有什么简单的我想念？

谢谢！

编辑：

我认为这可能是flexslider加载页面的方式：

      <script type="text/javascript">
        $(function(){
          SyntaxHighlighter.all();
        });
        $(window).load(function(){
          $('.flexslider').flexslider({
            animation: "slide",
            start: function(slider){
              $('body').removeClass('loading');
            }

          });
        });
      </script>

Answer 1

这可能是你的解决方案。使用这个jQuery代码。

<script type="text/javascript">
$(window).load(function() {
    $(".your-anchor-tag").fadeOut();
});
</script>

Answer 2

我遇到了同样的问题，因为我正在使用幻灯片，并且由于其他响应元素，所以我无法确定图像的高度。您可以使用JQuery脚本，这可以在页面加载后推迟锚点链接，我也添加了20 px的偏移量（如果你有一个粘性菜单栏，你可以使这个空间更大）。

def ask_questions():
    choice = (random.choice(question))
    print(choice)
    if choice == question[0]:
        print options[0]
        answer0 = raw_input(inputs)
        if answer0 == answers[0]:
            print("correct")
        else:
            print("incorrect")
    elif choice == question[1]:
        print choice
        print options[1]
        answer1 = raw_input(inputs)
        if answer1 == answers[1]:
            print("correct")
        else:
            print("incorrect")
    elif choice == question[2]:
        print choice
        print options[2]
        answer2 = raw_input(inputs)
        if answer2 == answers[2]:
            print("correct")
        else:
            print("incorrect")
    elif choice == question[3]:
        print choice
        print options[3]
        answer3 = raw_input(inputs)
        if answer3 == answers[3]:
            print("correct")
        else:
            print("incorrect")
    elif choice == question[4]:
        print choice
        print options[4]
        answer4 = raw_input(inputs)
        if answer4 == answers[4]:
            print("correct")
        else:
            print("incorrect")
    elif choice == question[5]:
        print choice
        print options[5]
        answer5 = raw_input(inputs)
        if answer5 == answers[5]:
            print("correct")
        else:
            print("incorrect")

页面完全加载后加载锚标记

2 个答案: