このJSスクリプトについての質問

Question

私はこのJSスクリプトをインターネット上で見つけましたが、私はindex.phpファイルからこれを調整する方法がわかりません。

このスクリプトには、すべてのデフォルト値を保持するセクションがあります。私はちょうど行う方法がわからない、私は前にこれを見ているので、JavaScriptを使用して、index.phpの、私はフロントページからこれらの設定を調整したい

(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 

：ファイルが.jsファイルですそれ。ですから、例えば

：

の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

jQueryプラグインなので、関数の名前は$ .smoothScrollです。関数の引数はinside（）に入れる必要があります。 Javascriptのオブジェクトでは、=>ではなく、キーと値の間に:を使用し、プロパティ間には,が必要です。

だから、それは次のようになります。これは、jQueryのプラグインですので、

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

また、あなたがページをまだ行っていない場合は、最初のjQueryをロードする必要があります。

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