問題タブ [iscroll4]

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 投票する
9 に答える
17090 参照

javascript - iScroll で項目をクリックできません

iScroll4を使用していますが、うまく機能しています。

これは、iScroll の初期化、更新、および終了に使用する関数です。

問題は、クリックできないことです(<a>または<input>フォーカスされているかどうかはわかりません)。css :hover または :focus も適用されません。しかし、それはJavaScriptのようなイベントを発生させます

可能であれば、これを解決する方法はありますか?

0 投票する
2 に答える
1047 参照

jqtouch - jQTouch の iscroll ラバー バンド効果

私は新しい開発者で、複数のページにスクロール可能なコンテンツを表示する jQTouch アプリケーションを作成しようとしています。iscroll を使用することにしましたが、ホームページでのみ正常に動作します。各ページの後に iscroll を更新する必要があることを読みましたが、これを行う方法が完全にわかりません。これが私のスクリプトです:

私のhtmlには、divにラバーバンド効果がid="wrapper1"ある2番目のページに移動するまで正常に機能するdivがあります。id="wrapper2"

0 投票する
2 に答える
365 参照

javascript - モバイル サファリでこの効果を作成しますか?

モバイルサファリでこの効果を作りたいです。http://jqueryfordesigners.com/demo/header-slide.html

iScroll 4 を使用しています。iScroll とこの例を組み合わせたいと思います。

http://jsfiddle.net/tdQmQ/3/ (これまでのところ、マウスを使用してタッチイベントのようにフリックします)

ヘッダーはスクロール領域にあるべきではありませんか? 誰かが私を正しい方向に向けることができれば、それは素晴らしいことです.

最大の問題は、iScroll のスクロール イベントをラッチすることです。方法がわかりません。

ありがとう

編集:私は最終的に私が探していたものを構築しました。

EDIT2: 実際には、dom 要素で間隔ポーリングを行う代わりに、ライブラリを変更して x と y の位置を公開することになりました。ライブラリのハッキングを気にしないのであれば、はるかにうまく機能します。

0 投票する
5 に答える
9667 参照

javascript - スクローラーのiScrollで動的幅を設定するにはどうすればよいですか?

この例では、 http://bit.ly/t2ImYSすべての要素のラッパーの幅が固定されています8520px

動的にしたいので、この#scrollerwidth内に要素を追加すると、その中の要素の幅を取得する必要があります。<div id="scroller">

だから幅を設定してみました

しかし、スクローラーは正しく機能しません。

正しく機能するスクロールを使用widthする方法はありますか?%

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

javascript - iOS4 の webview の javascript (iscroll4) スクロール ソリューションは、ネイティブ ジェスチャ認識を無効/無効にします

私のiPadアプリには、複数のUIWebViewを含むUIScrollView(水平スライダー-画像カルーセルに似ています)があり、それぞれが画面全体を占めています。各 webview には、上部にヘッドバーがあり、必要に応じてバーの後ろにスクロールする必要がある垂直方向にスクロール可能なコンテンツがあります。これは、head-bar の position:fixed を使用して html および css で行われます。

iOS5 では正常に動作しますが、iOS4 では失敗します。これは既知の問題であり、この問題に対する JavaScript ソリューションがいくつかあります。たとえば、Web サイトの doctyper、iScroll4、または touch-scroll (iScroll に基づく) などです。

これらのソリューションは、垂直スクロールに関してうまく機能します。私の問題は、垂直方向にスクロール可能な div コンテナー内でスワイプ ジェスチャを開始する限り、(UIWebView から UIWebView に) 水平方向にスワイプできないことです (これは、ほぼ画面全体を占めます - 両側のいくつかのピクセルを除く)。JavaScript ソリューションは、UIScrollView からの水平スワイプのジェスチャ認識を妨げているようです。

解決策がobjective-c側にあるのか、javascriptまたはhtml側にあるのかさえわかりません。どんな助けでも大歓迎です。正しい方向へのヒントに過ぎないとしても。ありがとうございました。

0 投票する
2 に答える
11225 参照

javascript - onScrollイベントをiScroll4に追加するにはどうすればよいですか?

このイベントは、 iScroll4onScrollではまだサポートされていません。

イベントをサポートするためにiScrollを拡張する既知の方法はありonScrollますか?

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

javascript - iScroll 4 とハイチャートの互換性の問題

iScroll4 で highcharts ライブラリを使用しようとしています。ここで完全な例を見ることができます。
ご覧のとおり、問題は、外側の div の幅がブラウザーによって無視され、iScroll div が明らかにまったく表示されないことです。
私が達成したいのは、幅= 200pxのコンテナ内に幅= 1000pxのグラフを持つことです。もちろん、左側の部分だけでなく、すべてのグラフを表示できるように、グラフを (水平方向に) スクロール可能にしたいと考えています。これを行うには、同じプロジェクト内で別の機能のために iScroll4 を既に使用しているため、iScroll4 を使用したいと考えています。
私のコードのどこに問題があるか指摘できますか?
どうもありがとう!

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

javascript - iScroll 4を使用して、最後の要素を最初の要素の開始位置までスクロールします

現在、 http: //cubiq.org/iscroll-4 の iScroll 4 を使用して、タッチ デバイスでのスクロールを有効にしています。問題は、最後の要素が正しく表示されないことです。最後の要素をスクロールの開始位置までスクロールさせたい。私はそれを機能させる方法を理解していません。最後の要素が画面幅の中央に来ていません。最初の要素を画面の中央に配置しました。助けてくれてありがとう。

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

javascript - Firefox での iscroll4 の予期しない動作

http://cubiq.org/iscroll-4のiscroll 4 を使用しています。これはうまく機能していますが、1 つの異常な動作に直面しています。http://jsfiddle.net/f6vbm/でデモをセットアップしました。chrome と firefox の両方でチェックインしてください。マウスの動きはクロムではスムーズに機能しますが、Firefox では機能しません。Firefox 8.0.1 を使用しています。この予想外の結果が理解できません。クリックイベントが正常に機能しているのに、Firefox でスクロールと出力が正しくない理由を教えてください。中央のアイテム番号は、ヘッダー「最初のアイテム:」に表示する必要があります。

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

javascript - iScrollスクロールバーの奇妙な位置

私はタッチ対応の html アプリを構築しており、div 内のスクロールに iScroll を使用することにしました。

基本的に、2 つの別々のスクロール div がありますが、スクロールバーは常にページの外側に配置されます。

http://jsfiddle.net/SRXMn/3/

ここで私が抱えている問題は 2 つあります。

1) スクロール バーはどちらも右端にあります (左スクロール コンテンツにはあまり意味がありません)。

2) スクロールされている唯一のコンテンツがヘッダーの下にある場合、スクロール バーはヘッダーの一番上まで伸びます。

ヘッダーに「position:fixed」を設定すると、小さなサイズに縮小され、それを過度に正しくすることはできません。