問題タブ [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.
jquery - 2 つの要素のみでスクロールバーのスタイルを設定する
NiceScroll プラグインを使用してスクロールバーのスタイルを設定しようとしています。それが提供するパラメーターに加えて css を使用してそうしています。問題は、2 つの HTML 要素を作成し、私が持っているデザインに 3 つの要素が「含まれている」ことです。
ここに私が使用しているパラメータがあります:
スクロールバーの画像は次のとおりです。
そして、これを再現するために作成した jsFiddle があります: http://jsfiddle.net/YKhce/
白い「レール」がありません。:before および :after 疑似要素を使用したくありません。これは、ユーザーが主に IE で使用するためです。
これを達成する方法は?
javascript - niceScroll は、目的の div の上から下にスクロールバーを生成します
初めてniceScrollを使用しようとしましたが、スクロールバーが目的のdivタグの上部からほぼ30px下にあることがわかりました。縦棒と横棒の両方が正しく計算されていません。使用しようとしている div は
jquery - nicescroll を矢印ボタンにリンクする
カスタム矢印ボタンを Nicescroll スクリプトにリンクして、誰かが上/下ボタンをクリックしたときにスクロールが発生するようにしたいと思います (既存のキープレスとマウスホイールのスクロール機能に加えて)。
どうすればこれを行うことができるかについてのアイデアはありますか? (jqueryが苦手ですみません)
ありがとう
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 でのみ発生します。
私の問題についてのアイデアはありますか?
javascript - niceScroll カーソルの高さ
jquery nicescroll ( http://areaaperta.com/nicescroll/ ) を使用しています。
cursorminheight パラメータを追加することで、非常に簡単に見えるカーソルの高さを調整したいと考えています。これは動作しません。
HTML
CSS
JS
動作しない次の 2 つのオプションを試しました。
と
ご協力ありがとうございました!
jquery - jQueryのniceScrollが動的DIVで機能しない
私はこの問題に何週間も悩まされており、このサイトや他のサイトで何十もの投稿を調査しました。私は非常に基本的な問題を抱えています。#scrollarea
1つの Web アプリで、オンザフライで作成、破棄、およびオンザフライで数回再作成されるDIV タグがあります。私の問題は、niceScroll 機能が 1 回しか機能しないことです。2 回目の試行の後、コントロールが得られなくなりました
メソッドを含むいくつかの手法を試しましたがresize()
、何も機能しません。また、一度だけ取り付けられるようにするレギュレーターも取り付けましたresize()
。繰り返しますが、何も機能しません。
私のコードが安全なドアの後ろにロックされており、スクリプトによってトリガーされていることを考えると、ここで実証するのは非常に困難です。
これを行う方法について誰か提案がありますか?レビューする:
- ページの読み込み、存在しませ
#scrollarea
ん - スクリプトが起動
#scrollarea
し、DIV
niceScroll
#scrollarea
ONCEに取り付けられ、完璧に動作します- スクリプトが再び起動し、
#scrollarea
新しいスクロールエリアに置き換えられます - どのようなテクニックを使用しても、スクロールバーが機能しなくなりました
試みた方法:
- 新しいものが到着する
niceScroll
たびにインストールする#scrollarea
- 一度インストール
niceScroll
すれば二度とインストールしない niceScroll
ONCE をインストールしてから、getNiceScroll().resize()
.mouseover()
->.resize()
テクニックを試みた
すべての手法は、2 回目の使用で使用可能なスクロールバーをレンダリングできません。