1

私はnanoScroller自分のプロジェクトで使用しようとしています。公式サイトのドキュメントで行っています。これは私が思いついたコードです(そのページに記載されている本番サイトnano.jsと同じコードが含まれています。しかし、それは機能せず、テキストは単にコンテナからあふれています。誰かが私が間違っていることを教えてもらえますかここに私のコードがあります:

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script src="nano.js">
        </script>
        <link rel="stylesheet" href="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css">
        <style>
             .nano { width: 500px; height: 200px;}
             .nano .content { padding: 10px;  }
             .nano .pane   { background: black; }
             .nano .slider { background: #111; }
        </style>
        <script>
                $(document).ready(function(){
                     $(".nano").nanoScroller();
                });
        </script>
    </head>
    <body>
      <div id="about" class="nano">
        <div class="content"> 
            Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, t
        </div> 
      </div>
    </body>
</html>
4

1 に答える 1

1

row.github.comは CDN ではないため、別の Web サイトからのリモート アクセスは許可されません。CSS ファイルをサーバーにダウンロードし、<link rel="stylesheet" />そう変更します。

于 2013-08-26T15:37:41.003 に答える