問題タブ [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.
javascript - iScroll 4 ベースのカルーセルをループするには?
iScroll ベースのカルーセルを作成しました。
ここでフィドルを参照してください... http://jsfiddle.net/manseuk/r9VL2/2/
4 番目のリスト要素に到達した時点で停止します。最初のリスト要素にループバックするようにコードを追加することは可能ですか?
前もって感謝します
javascript - 親メソッドをjavascriptのプライベート関数でラップしたときにメソッドを呼び出す方法
質問の言い方が正しいかどうかはわかりませんが、とにかく...
私は iscroll を使用しており、後で使用するために iScroll init 呼び出しをプライベート関数にラップしました。これは私が持っているものです:
を使用して、必要なページで iscroll を呼び出しますNamespace.iscroll();
私の質問は、iScroll を使用してmyScroll.refresh();
、またはsetTimeout
iScroll のドキュメントで説明されている関数を使用して、iScroll を更新したいということです。
元の init 呼び出しをプライベート関数でラップしたので、リフレッシュやその他のメソッド (destroy など) を実行するにはどうすればよいですか?
javascript - 既存の垂直iScroll内にカルーセルiScrollを配置する
垂直iScroll内にカルーセルを実装するのに問題があります。カルーセルは水平スクロールであり、iScrollは垂直スクロールであるため、グリッチが発生します。カルーセルは、無効にしても垂直にスクロールします。
2つのラッパー(つまり....、...)を分離しようとしましたが、問題はまだあります。誰かがこれを解決する方法を教えてもらえますか?
(私はJavascriptを初めて使用するので、ある種の例があれば素晴らしいでしょう)
これが私のスクリプトです:
と私のHTML:
javascript - ajax フォームの送信後、iScroll4 の高さが正しくありません。高さはフォーム送信前の元の高さです
iScroll4 スクローラーにフォームを埋め込みました。フォームは、wordpress Gravity フォーム プラグインによって生成された ajax フォームです。
フォームで送信を押すと、iscroll (ページの読み込み時に生成される) の高さは同じままです。つまり、送信ボタンを押した後にフォームが大きくなると、下までスクロールできなくなります。
以下の私のコードを参照してください...
フォームが送信されると、iScroll の高さがおそらく更新されるように、誰かがそれを修正するのを手伝ってくれませんか?
バインドされたjqueryは、フォームが送信された後にフォーム入力が機能するようにします。これは、iscroll4 がフォーム要素に苦労しているためです。
前もって感謝します。
ジョシュ
jquery-mobile - jQuery Mobile で iScroll に div を適切にスクロールさせることができません
jQuery Mobile を使用してモバイル Web サイトを構築しています。あるページには、div に表示するテキストがたくさんあります。iScroll 4 の簡単な例に従ってコーディングしました。
Chrome ブラウザでは正しく表示されますが、モバイル サファリでテストすると、テキストを少し下にスワイプできますが、下にスクロールするのではなく、元に戻ります。
HTMLマークアップは次のとおりです。
CSSは次のとおりです。
position: absolute を #scroll-wrapper に移動すると、クロムでも機能しません。
iScroll を使用します。
javascript - iscroll4 は、extern 入力 (android/ios) にフォーカスがあるときにキーボードが表示されないようにします。
Android (2.2/2.3 および ios) の iScroll に問題があります。
次のようなコードがあります。
そしてjs:
唯一のリンクをクリックすると、#thing 入力にフォーカスが置かれ、ソフト キーボードが表示されます。スクローラーでそれらをクリックすると、フォーカスが与えられますが、キーボードは表示されません。
ここで何が機能しないのか本当にわかりません。キーボードを表示させたい。
編集: jquery モバイルを使用しています。
javascript - Javascript-iScrollで位置を計算する
私はそのように見える必要があるページ付けを持っています:
忙しい猫http://img338.imageshack.us/img338/3180/pagination.jpg
基本的に、これは、オーバーフロー:非表示の幅160の別のdiv内のdiv(幅20000ピクセル)です。
私はそれをスクロールさせるためにiScrollを使用しました(私は現在私のサイトのiPadバージョンを実行しているので、iPadでのみ動作する必要があります)。これまでのところ、うまく機能しています。divをスクロールできます。ページに移動するには、番号をクリックする必要があります。そして、ページをリロードします。
私の問題は、ページが読み込まれるときに、現在のページ(class = "current"が付いたピンク色のページ)がdivの中央にある必要があることです(写真のように)。だから私はそれを行うためにjavascriptで方法が必要です...
たとえば、20ページをクリックすると、ページが読み込まれるときに、ページに1から10までのページが表示されます。スクロールすると、20ページが「現在」に設定されていることがわかります。位置を計算して中央に配置する方法が必要です。
javascript / jqueryでそれを行う方法がまったくわかりません...!
誰かが助けることができますか?
javascript - iScroll iPad の問題
この Web サイト ( http://www.bigideaadv.com/adaptive/people.php ) でiScroll ( http://cubiq.org/iscroll-4 ) を使用します。
インストールしましたが、正しく機能しません。以下のJSコード:
折りたたまれた HTML 構造:
CSS は大きすぎてここに投稿できません。
スクロールしようとすると、一番上の位置に戻ります。誰にも考えはありますか?
javascript - IE8 および blackberry プレイブックで javascript setInterval 関数が正しく機能しない
2つを除くすべてで必要に応じて機能する定義済みのクリックがあります。私は次のようにクリックイベントをバインドしています:
iScroll 4を使用しています。は#next_item
、動的に追加された div onclick をスクロールするために使用されます。setInterval function()
シングルクリックで一度に1つのdivをスクロールし、マウスダウンでマウスアップするまでdivをスクロールしたいため、使用されます。問題は、Blackberry Playbook で一度に複数の div スクロールを 1 回クリックすると発生しますが、iPad、Android タブレット、および IE8 を含むデスクトップ ブラウザでは問題なく動作します。また、blacberryプレイブックでマウスダウンを行うと、divは最後までスクロールし続け、マウスアップですぐに停止しません。IE8の場合、divが停止し、スクロールがsetIntervalが正しく機能していないようです。IE8 と Blackberry Playbook の両方でこれを機能させるには、どのような変更を行う必要がありますか?
アップデート :