問題タブ [slimscroll]

fullpage.jsでajax を使用してギャラリーの画像を取得し、同位体を適用しています。リンクをクリックしてギャラリーを開き (ターゲット セクションに移動)、ページのスクロールが表示されず、スクロールできませんが、ブラウザのサイズを変更すると、スクロールが表示されます..

/* HTML */

/*JS */

私は2つのモーダルを持っています(最初が閉じているとき、2番目は開いています)テンプレート(gsp)の最初のモーダルのコードと2番目のモーダルはビューページにあります

最初のものを閉じて2番目のものを開くために使用するコードは次のとおりです。

2 番目のモーダルの html:

最初のモーダルでは、スクロールは正常に機能します。ユーザーがモーダルの最後 (カットされている) に到達するまでスクロールできる 2 番目のモーダルです。

scrollSlimプラグインを使用しています

ページの片側にあるスクロールバーのjsプロジェクト内でslimScrollを使用しています。scrollView 内には多くの要素があり、現在は直感的ではなくすばやくスクロールしています。wheel および/または touchScrollStep の量を減らしても、速度は変わりません。

スクロールバーに ngSlimScroll を使用しています。スクロールバーの高さが正しくありません。下にスクロールした後、上にスクロールしない/再度スクロールできない。スクロール バーのディレクティブを作成しました。つまり、slim-bar> と 'g-address>' には、データベースからレコードを取得するディレクティブがもう 1 つ含まれています。レコードの表示に ng-repeat を使用しています。以下は私のコードです。

tpl ファイルで以下のコードを使用しました。

どこが間違っているのか教えてください。

angular js ng-table を使用して情報を表示しています。ng-tableのヘッダーをスクロールバーで固定したいのですが、ng-tableの直前にアコーディオンを1つ配置する必要があります。

アコーディオンを折りたたむと、ng-table 固定ヘッダーが正しく機能しません。私が作成したプランカーを参照してください："http://plnkr.co/edit/FGjU46cCMuhIdyacffHl?p=preview"

ボタンをクリックすると、jQuery slimScrollを使用して div を特定の位置にスクロールしようとしています。これは機能しますが、スクロールバーは一緒に移動しません。ここで私の小さな JSFiddle を参照してください: http://jsfiddle.net/retvL2s6/1/

ご覧のとおり、ボタンをクリックすると、div が 260px にスクロールします。ここで、マウスを div に入れてスクロールを開始してみてください。スクロールバーがまだ一番上にあるため、最初にリセットされます。ボタンをクリックしてもdivと一緒に移動しません。

$('.text').slimScroll({ scrollTo: '450px' });これは、プラグインのドキュメントに示されているように、特定の px: に移動するために使用しているものです。

ウェブページ全体にスリムスクロールを適用したい。paytm のようなもの。com ..私はこの方法を試していますが、うまくいきません。

解決策は何ですか？

このフィドルを確認してください。

スクロール コンテナー内の最初の可視要素が#1要素であるとします。上記のフィドルでは#1、 、#2、#3および#4要素が表示されます。私が正しければ、一度スクロールすると、次の 4 つの要素、つまり#5、#6、#7およびが表示されるはず#8です。しかし、マウスホイールを 1 回スクロールすると、スクロール コンテナーが#15要素に移動します。

助けてください。

PS: githubに問題を記入しました