問題タブ [mcustomscrollbar]
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.
javascript - mCustomScrollbar が有効なときに要素を外側にドラッグする方法
要素のドラッグが表示されていないときに、要素をある div から別の div にドラッグしています
jquery mCustomScrollbar プラグインを使用してスクロールしました
HTML コード
JQuery コード
CSS
どこが間違っているか教えてもらえますか
jquery - jquery と mCustomScrollbar プラグインを Angular2 コンポーネントにインポートする方法
これらのモジュールを angular2 コンポーネントにインポートする際に問題があります。AngularClass の angular2-webpack-starter を使用しています。
npm で依存関係をインストールします。
そしてタイピングをインストールします：
そして、私は次のようなコンポーネントでそれを使用したい:
それを行うための最良の解決策は何ですか？
このソリューションを使用しようとしました:角度 2 内で jquery ウィジェットを使用する最良の方法は何ですか?
しかし、それは機能しません。「jQueryが定義されていません」というエラーが発生しました。
jquery - Jquery カスタム スクロールバーと IE の問題
jquery カスタム スクロール バー プラグインを使用して、カスタム スクロール バーを表示しました。 リンク
すべてのブラウザとデバイスで正常に動作しますが、奇妙な問題が 1 つあります。IEでも問題なく動作しますが、スクロールが必要ないときにスクロールバーが表示されます。これを削除するためにコールバック関数 (onOverflowYNone) も使用しましたが、スクロール機能が削除されます。比率が約1に近い場合、スクロールを削除するにはどうすればよいですか.
javascript - Bootstrap テンプレートがカスタム スクロールバーで正しく機能しない
サイドバーが固定された単純なブートストラップ テンプレート ( http://startbootstrap.com/template-overviews/simple-sidebar/ ) をダウンロードし、それにカスタム スクロール バーを統合しようとしました ( http://manos.malihu.gr/jquery -custom-content-scroller/ ) ただし、プラグインが実行されると
また
メニューが黒い画面になります。この動作https://jsfiddle.net/9qawf6r3/を示すために、このフィドルを作成しました。別の動作例を次に示します: http://jsfiddle.net/wuj2v604/
これについて何か考えはありますか？
javascript - 不適切な html を使用すると、js の実行が異なるのはなぜですか?
jQuery、ブートストラップ、および 2 つの異なる jQuery プラグインを使用する Web ページがあります。1 つはTurn.jsと呼ばれ、もう 1 つはmCustomScrollbarと呼ばれます。<!DOCTYPE html>今日まで、すべてのリクエストのタグの前にスクリプト タグを追加するサーバー側コードがありました。を使用すると jQuery が不適切な高さを返すという問題が発生していることに別のページで気づいた$(window).height()ので、コードを修正し、スクリプト タグを終了タグの直前に配置する方法を見つけました</body>。ただし、これにより、使用している mCustomScrollBar ライブラリの機能が壊れています
何らかの理由で、スクロール バーが表示されず、マウス ホイール機能が無効になり、モバイル/タッチ デバイスでスクロールが無効になります。プラグインによって html が変更されていることがわかるので、プラグインは間違いなく起動しています。
私の質問は次のとおりです: 不適切な html を使用している場合、JavaScript が正しく動作するのはなぜですか、または少なくともどのように動作したいの<!DOCTYPE html>ですか?
関連コード:
mCustomScrollbar プラグインを適用する html 構造。ページのメイン コンテナである#flip-indesdivの親ブートストラップ。.container-fluidビューでかみそりの構文で C# を使用しています。必要に応じて、ページの生成された html を投稿できます。
じぶんの$(document).ready()
このページにはもっとたくさんの js がありますが、mCustomScrollbar プラグインを参照しているものはありません。もっと多くのコードを投稿してほしいという人がいれば、喜んで投稿します。
答えは、ブラウザーが html を検証できるかどうかに基づいて、ブラウザーが私の js または html マークアップを解釈する方法のどこかにあると思います。
javascript - mCustomScrollbar スクロール アニメーションを無効にする
javascriptで初期化するとなぜかスクロールバーが表示されないのですが、htmlで初期化すると表示されます。
#popup-scrollスクロール バーは、コンテンツを持つの内部に表示されるようになっていphpます。これはすべてギャラリー内にあり、ポップアップはループ内の各アイテムのライトボックスとして機能します。
JavaScript による初期化 (動作しません):
HTMLによる初期化（動作）：
目標は、スクロール アニメーションを無効にするscrollInertia: 0ことです。これは、javascript の初期化によってのみ実行できます。
javascript - ページをスクロールすると強調表示されるナビゲーション ドット - 機能しない
ページでドットを使用して、ユーザーが特定のセクションに移動できるようにしています。クリックすると、色が変わり、そのセクションに移動します。ページをスクロールすると色が変わるようにしたい。
以下のコード スニペットは正常に動作しますが、私のページでは、ページをスクロールしたときではなく、クリックした場合にのみドットの色が変わります。これは、ページに追加した方法にエラーがあることを意味すると思いますが、これが何であるかはわかりません。
javascript - Malihu カスタム スクロールバー - スクロールして ID プラグインがページで機能しない
私は Malihu のカスタム スクロールバー プラグインを使用しており、それと組み合わせて 'Scroll to id' プラグインを追加したいと考えていました。私のスニペットで提供されているコードは、希望どおりに機能します (ただし、ボタンが機能しない場合があります)。
主な問題は、このコードを自分のサイトに挿入したときに、何かが動作を妨げていることです。ページを下にスクロールすると、正しいドットが右側のセクションで強調表示されますが、ドットをクリックしても右側のセクションに移動せず、何もしません。
ページ: https://www.kentunion.co.uk/test2/