Question

我一直在努力用javascript制作一个缩小的标题，虽然我有jsfiddle正是我想要的工作，但我似乎无法让它在小提琴之外工作。
这个html出了什么问题？

<body>
    <div id='sizeShifter'>
        Here is my website's header
    </div>
    <div id='spacer'></div>
    <div id='content'>
        Here is my website's content
    </div>


     <script type="text/javascript" src="/js/jquery-2.1.3.min.js"></script>
    <script>
    var divToChange = $('#sizeShifter');
    var lastScroll = 0;
    $(document).scroll(function(event){
        var st = $(this).scrollTop();
        var divHeight = 400-st;
        divToChange.css({height:divHeight});
    });

    </script>
</body>

</html>

Answer 1

我的代码中几乎没有问题。

您没有添加CSS文件，该文件存在于小提琴中。
jquery-2.1.3.min.js文件可能位于正确的位置。顺便说一句，我们首选使用http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js或http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js中的jquery，除非您修改了jquery版本。

如果你可以修复它们，你的代码应该可以工作：）

如何使这个javascript缩小标头工作

1 个答案: