Question

我得到的html网站几乎没有css的帮助。

我从未尝试过使用javascript，但我发现了一个名为simplr-smoothscroll的问题需要jQuery Mouse Wheel Plugin。

当我下载它们时，我得到jquery.mousewheel.js和jquery.simplr.smoothscroll.js。当我搜索谷歌如何在我的网站上安装它们时，我发现我需要将它们放在网站目录中并在html中引用它们，如下所示：

<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.simplr.smoothscroll.js"></script>

我做到了，没有发生任何事。我该怎么办？

PS：在项目的github链接中有一些我真正不了解的提示：）

Answer 1

您还需要包含jQuery本身才能使这些库发挥作用。

您也可以下载jQuery并将其放在其他两个顶部，或者您可以从CDN引用它。

大多数库也要求您编写一些代码。您可以阅读他们的文档并了解如何使用它们。

例如，

simplr-smoothscroll，您需要将以下代码添加到您的页面中，并将您的配置放入其中以使其正常工作。

<script>
    $(function () {
      $.srSmoothscroll({
        // defaults
        step: 55,
        speed: 400,
        ease: 'swing',
        target: $('body'),
        container: $(window)
      })
    })
</script>

Answer 2

首先，您应该将jquery.mousewheel.js和jquery.simplr.smoothscroll.js放在与index.html具有相同层次结构的js文件夹中。

其次，您是否添加了链接中提供的JavaScript？

$(function () {
  $.srSmoothscroll({
    // defaults
    step: 55,
    speed: 400,
    ease: 'swing',
    target: $('body'),
    container: $(window)
  })
})

您应该在<script> ... </script>。

之间添加

Answer 3

首先包含jquery js文件。使用cdn路径可以下载最新版本并提供相应的路径

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>

然后包括mousewheel js

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>

包括mooth scroll js

使用Follwing代码：

<script type="text/javascript" charset="utf-8">
$(function () {
  $.srSmoothscroll()
})
</script>

您也可以设置选项，参考文档：

https://github.com/simov/simplr-smoothscroll

如何安装这些js库

3 个答案: