Question

我正在尝试做到这一点，因此当我单击一个按钮时，它将使用jQuery自动向下滚动。它看起来比常规的html跳转要好得多。但是，该代码仅适用于我的CodePen /它的导出，而不能通过WebStorm进行任何操作。

我已经确保添加了jQuery库并添加了脚本调用。我知道该库已添加，因为它不再在$下显示混乱，但是代码仍然无法正常运行。脚本调用在那里-肯定是，因为它使用完全相同（复制和粘贴）的代码与CodePen一起使用。

HTML：

<script
            src="http://code.jquery.com/jquery-3.4.1.js"
            integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
            crossorigin="anonymous">

    </script>

    <script> src="js/main.js>" </script>

JS：

//Animate Smooth Scroll
$('#view-work').on('click',function() {
    const images = $('#images').position().top;

    $('html, body').animate({
            scrollTop: images
        },
        900
    );
});

完整：https://codepen.io/at-lowdesu/pen/LKJKLr

我希望它像在CodePen上一样自动滚动，但是要通过我的WebStorm IDE及其导出。

Answer 1

已解决。我没有正确使用脚本调用。 <script> src="js/main.js>" </script>应该是<script src="js/main.js"> </script>

我的jQuery代码不适用于WebStorm，但适用于CodePen

1 个答案: