Question

我在互联网上找到了这个JS脚本，但我不确定如何从index.php文件中调整这个。

所以这个脚本有一个包含所有默认值的部分。该文件是.js文件：

(function($) {
    $.extend({

        smoothScroll: function() {

            // Scroll Variables (tweakable)
            var defaultOptions = {

                // Scrolling Core
                frameRate        : 150, // [Hz]
                animationTime    : 700, // [px]
                stepSize         : 80, // [px]

                // Pulse (less tweakable)
                // ratio of "tail" to "acceleration"
                pulseAlgorithm   : true,
                pulseScale       : 8,
                pulseNormalize   : 1,

                // Acceleration
                accelerationDelta : 20,  // 20
                accelerationMax   : 1,   // 1

                // Keyboard Settings
                keyboardSupport   : true,  // option
                arrowScroll       : 50,     // [px]

                // Other
                touchpadSupport   : true,
                fixedBackground   : true,
                excluded          : ""
            };

            // rest of script

我想使用JavaScript从首页 index.php 调整这些设置，因为之前我已经看过了，我只是不知道该怎么做。

举个例子：

的index.php

<script>
    smoothScroll {
        frameRate => 120
        animationTime => 500
        stepSize => 50
    }
</script>

我希望有人可以帮助我。

Answer 1

对象是这样的：

var obj = {
    key: "value" // if value is a string
    key1: 123    // if value is a number
    // just to show two examples
};

因此，为了适应您的情况，您需要将对象传递给函数，请执行类似

的操作

$.smoothScroll({
    frameRate: 120,
    animationTime: 500,
    stepSize: 50
});

Answer 2

该函数的名称是$ .smoothScroll，因为它是一个jQuery插件。函数参数必须放在（）中。 Javascript中的对象在键和值之间使用:，而不是=>，并且它们在属性之间需要,。

所以它应该是：

$.smoothScroll({
    frameRate: 120,
    animationTime: 500,
    stepSize: 50
});

另外，由于这是一个jQuery插件，如果页面还没有这样做，你需要先加载jQuery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

关于这个JS脚本的问题

2 个答案: