問題タブ [nicescroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
160 参照

jquery - 2 つの要素のみでスクロールバーのスタイルを設定する

NiceScroll プラグインを使用してスクロールバーのスタイルを設定しようとしています。それが提供するパラメーターに加えて css を使用してそうしています。問題は、2 つの HTML 要素を作成し、私が持っているデザインに 3 つの要素が「含まれている」ことです。

ここに私が使用しているパラメータがあります:

スクロールバーの画像は次のとおりです。

ここに画像の説明を入力 そして、これを再現するために作成した jsFiddle があります: http://jsfiddle.net/YKhce/

白い「レール」がありません。:before および :after 疑似要素を使用したくありません。これは、ユーザーが主に IE で使用するためです。

これを達成する方法は?

0 投票する
0 に答える
325 参照

javascript - niceScroll は、目的の div の上から下にスクロールバーを生成します

初めてniceScrollを使用しようとしましたが、スクロールバーが目的のdivタグの上部からほぼ30px下にあることがわかりました。縦棒と横棒の両方が正しく計算されていません。使用しようとしている div は

0 投票する
0 に答える
175 参照

javascript - クエリ プラグイン NiceScroll がコンテナーの下に表示されます

私はここで同じ質問をしましたが、誰も答えませんでし. 私は多くの例をのぞき見しようとしましたが、手がかりはありません。助けていただければ幸いです..

0 投票する
3 に答える
2493 参照

jquery - nicescroll を矢印ボタンにリンクする

カスタム矢印ボタンを Nicescroll スクリプトにリンクして、誰かが上/下ボタンをクリックしたときにスクロールが発生するようにしたいと思います (既存のキープレスとマウスホイールのスクロール機能に加えて)。

どうすればこれを行うことができるかについてのアイデアはありますか? (jqueryが苦手ですみません)

ありがとう

0 投票する
0 に答える
524 参照

javascript - Google のカスタム検索がロードされた後、Internet Explorer はカスタム スクロールバーをロードしません。

ウェブサイトで nicescroll jquery プラグインを使用しています。また、検索ページで Google のカスタム検索も使用しています。カスタム検索には結果のみのインターフェイスがあり、検索結果が<div>.

nicescroll はこのように動作し、ページにスクロールバーが必要な場合は表示されます。ページにスクロールバーが必要ない場合は、スクロールバーは表示されません。

マスターページでスクリプト タグを使用して jquery および nicescrolll ライブラリを呼び出し、検索ページでスクリプト タグを使用して Google のカスタム検索スクリプトをロードしています。

問題は、IE では (Google のカスタム検索は結果を読み込むのに時間がかかるため) スクロールバーが表示されないことです (検索の結果が得られないため、最初はページにスクロールバーが必要ないためだと思います)。 'まだ表示されていません!しかし、結果が表示された後でも、IE にはまだスクロール バーがありません)。IE ウィンドウのサイズを変更して元のサイズに戻すと、スクロール バーが表示されることに気付きました。コード:

ご覧のとおり、nicescroll スクリプトは後でwindow.load発生するため、イベントに配置しようとしましたがdocument.ready、それでも問題は存在します!!

ps:私の検索ページは chrome と firefox で正常に動作しています。この問題は IE でのみ発生します。

私の問題についてのアイデアはありますか?

0 投票する
1 に答える
7912 参照

javascript - niceScroll カーソルの高さ

jquery nicescroll ( http://areaaperta.com/nicescroll/ ) を使用しています。

cursorminheight パラメータを追加することで、非常に簡単に見えるカーソルの高さを調整したいと考えています。これは動作しません。

HTML

CSS

JS

動作しない次の 2 つのオプションを試しました。

ご協力ありがとうございました!

0 投票する
3 に答える
8988 参照

jquery - jQueryのniceScrollが動的DIVで機能しない

私はこの問題に何週間も悩まされており、このサイトや他のサイトで何十もの投稿を調査しました。私は非常に基本的な問題を抱えています。#scrollarea1つの Web アプリで、オンザフライで作成、破棄、およびオンザフライで数回再作成されるDIV タグがあります。私の問題は、niceScroll 機能が 1 回しか機能しないことです。2 回目の試行の後、コントロールが得られなくなりました

メソッドを含むいくつかの手法を試しましたがresize()、何も機能しません。また、一度だけ取り付けられるようにするレギュレーターも取り付けましたresize()。繰り返しますが、何も機能しません。

私のコードが安全なドアの後ろにロックされており、スクリプトによってトリガーされていることを考えると、ここで実証するのは非常に困難です。

これを行う方法について誰か提案がありますか?レビューする:

  • ページの読み込み、存在しませ#scrollarea
  • スクリプトが起動#scrollareaし、DIV
  • niceScroll#scrollareaONCEに取り付けられ、完璧に動作します
  • スクリプトが再び起動し、#scrollarea新しいスクロールエリアに置き換えられます
  • どのようなテクニックを使用しても、スクロールバーが機能しなくなりました

試みた方法:

  • 新しいものが到着するniceScrollたびにインストールする#scrollarea
  • 一度インストールniceScrollすれば二度とインストールしない
  • niceScrollONCE をインストールしてから、getNiceScroll().resize()
  • .mouseover()->.resize()テクニックを試みた

すべての手法は、2 回目の使用で使用可能なスクロールバーをレンダリングできません。