jQueryスクロールバー美化プラグインnicescrollの使い方

php中世界最好的语言
リリース: 2018-06-07 14:08:15
オリジナル
2102 人が閲覧しました

今回はjQueryスクロールバー美化プラグインnicescrollの使い方と、jQueryスクロールバー美化プラグインnicescrollを使用する際の注意点を紹介します。

この記事の例では、jQuery スクロールバー美化プラグイン nicescroll の簡単な使用方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

Web ページに P ブロックを埋め込んで部分的にスクロールしたいのに、スクロール バーが醜すぎるという状況に遭遇したことはありませんか。 ! !

jquery.nicescroll を使用してスクロール バーを美しくしましょう (とても簡単です!!):

最初に: jquery.nicescroll.js をダウンロードします。百度それ! ! ! (または、この例に示すように CDN アドレスを直接使用します)

次に、jquery.nicescroll.js を導入し、以下を使用します:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>jquery.nicescroll插件</title>
    <style>
      .p{
        width: 300px;
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
      }
    </style>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery.nicescroll/3.7.6/jquery.nicescroll.js" ></script>
    <script>
      $(function(){
         $(".p").niceScroll({cursorcolor:"#cccccc"});
      });
    </script>
  </head>
  <body>
    <p class="p">
      去西藏应该避开雨季,大家都知道西藏属于高原地区,是冻土、流沙、泥石流多发的地段,雨季山体滑坡、落石严重,湖水混浊,行路与景色都不怎么样。所以,最好在5、6、9、10月去比较好。我国西藏地区海拔都在3000米以上,所以去西藏旅游最好带上氧气和预防高原反应的药品,对车辆要认真见车,在西藏境内加油站非常少,最好在200公里左右加一次油。
去内蒙自驾游一般选择7、8月间,可以看看中国最大的草原——呼伦贝尔大草原(海拉尔),锡林格勒、阿尔山、克什克腾、地热、四子王旗、二连浩特口岸、满洲里口岸等。
去河南、河北、山东、四川、青海、陕西、宁夏、甘肃(包括嘉峪关、莫高窟)等地玩儿,一般全年均可,选择4月到11月期间去,不会太冷,最好6、7月份去,还可以避暑。
去新疆,8、9、10月比较好,正是新疆水果最多的时候。
去广东、广西、海南、云南、上海、苏州、杭州、南京、无锡、宁波等地,春天去比较好,可以避开炎热的夏天。
去东北,如北戴河、山海关、辽宁等以夏季为宜。吉林、长白山、雪乡、哈尔滨、漠河、北极村、小兴安岭在冬季1月—2月之间最好,可以观看雪景、冰雕,也是滑雪的好时期。
    </p>
  </body>
</html>
ログイン後にコピー

実行効果:

このケースを読んだ後、あなたはメソッドをマスターしたと思います。記事、さらにエキサイティング php 中国語 Web サイトの他の関連記事にもご注目ください。

推奨読書:

vuex で状態オブジェクトを使用する方法の概要

Angular サードパーティ パッケージを開発する方法

以上がjQueryスクロールバー美化プラグインnicescrollの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート