Question

为什么我的脚本会在页面底部创建可用空间，如何阻止它？我从教程中获得了代码，因为这是我自己编写主页的第一次尝试。

作者告诉我只是将代码粘贴到Body标签中。

       <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
                    $(".contactLink").click(function(){
                        if ($("#contactForm").is(":hidden")){
                            $("#contactForm").slideDown("slow");
                        }
                        else{
                            $("#contactForm").slideUp("slow");
                        }
                    });
                });
                function closeForm(){
                    $("#messageSent").show("slow");
                    setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
               }

    $(document).ready(function() {
      function filterPath(string) {
        return string
          .replace(/^\//,'')
          .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
          .replace(/\/$/,'');
      }
      $('a[href*=#]').each(function() {
        if ( filterPath(location.pathname) == filterPath(this.pathname)
        && location.hostname == this.hostname
        && this.hash.replace(/#/,'') ) {
          var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
          var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
           if ($target) {
             var targetOffset = $target.offset().top;
             $(this).click(function() {
               $('html, body').animate({scrollTop: targetOffset}, 1000);
               var d = document.createElement("div");
            d.style.height = "101%";
            d.style.overflow = "hidden";
            document.body.appendChild(d);
            window.scrollTo(0,scrollToM);
            setTimeout(function() {
            d.parentNode.removeChild(d);
                }, 10);
               return false;
             });
          }
        }
      });
    });
    /*! Smooth Scroll - v1.4.5 - 2012-07-22
    * Copyright (c) 2012 Karl Swedberg; Licensed MIT, GPL */
    </script>

Answer 1

很抱歉，这不是您的问题的答案我应该在评论中发布此消息，但我没有权利这样做，

请提供一些JSFiddle链接或任何其他在线工具链接，我们可以测试您的脚本。

对你的问题的一个猜测是你在某个地方增加的高度大于浏览器的高度，例如尝试改变这个：

            d.style.height = "101%";

到

            d.style.height = "50%";

以及超出屏幕高度限制的任何其他div

JQuery Scroll Script在我的页面底部创建了自由空间

1 个答案: