問題タブ [horizontal-scrolling]

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

javascript - 持続時間ではなく速度に基づいて Jquery.ScrollTo を機能させる

Jquery.ScrollTo プラグインの $.Localscroll 子を使用する水平サイト (対角線などの他の自動スクロール サイトでもかまいません) を作成しています。

このプラグインには大きな問題が 1 つあります。期間に基づいて動きを計算します。これは、ページ 1 から 2 への遷移に 2 秒かかることを意味しますが、ページ 1 から 10 への遷移にも 2 秒かかるため、遷移自体が非常に高速になり、遷移自体が実際には見えなくなります。リンクがいくつあるかはわかりません。リンクは同じメニューにはなく、ページ全体に散らばっています。

現在の scrollto の位置を確認し (できればプラグインを介してクロス ブラウザーで)、ハッシュ (#) を使用して新しい scrollto の値を確認し、速度に基づいて期間を計算する方法はありますか?

0 投票する
3 に答える
16263 参照

iphone - iPhone 横スクロール

一連の画像を水平方向にスクロールできるように、水平スクロールを使用してアプリを作成しようとしています。これに関する WWDC セッション 104 のビデオを見たところ、彼らは興味深いアプリを作成していましたが、その基本を非常に迅速に説明してくれました。

UIScrollView の使用と、ページングを有効にする必要があることを理解しています。その後、スクロールビューのサブビューとしてさらにビューを追加する必要があると言われていますが、その方法がわかりません。また、これらのビューに画像を追加する方法も明確ではありません。

あなたがおそらく言うことができるように、私はこれにかなり慣れていないので、助けていただければ幸いです。

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

apache-flex - AdvancedDataGridの水平/垂直スクロールバーの問題。(フレックス)

したがって、Canvas内に存在する必要があるAdvancedDataGridがあります。私の問題は、このようなことをすると、2セットのスクロールバーが表示されることです。また、AdvancedDataGridの水平スクロールバーは、右から左にスクロールするとサイズが変わり、右端までスクロールできなくなります。これは奇妙に思えます。

AdvancedDataGridで水平スクロールをオフにして、Canvasだけに処理させました。ただし、これを行うと、列のサイズを変更できなくなります。うーん。

私の現在の「最善の」解決策は、AdvancedDataGridに垂直スクロールを処理させ、Canvasに水平スクロールを処理させることですが、これは非常識に思えます。言うまでもなく、列のサイズを変更できなくなるという上記の問題が発生します。

どんな助けでも大歓迎です!ありがとう!

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

java - 複数のビューまたはパネルにまたがる Java 2D チャートの描画、または水平スクロール

Arraylist に格納されている一連の値から、JFrame で Java 2d グラフィックス (つまり、四角形の描画と塗りつぶし) を使用してグラフを描画しています。しかし、ArrayList に非常に多くの値がある場合 (サイズが最大 3500 になることもあります)、描画が圧縮されます。グラフの情報が少なくなり、X 軸のラベルも表示されなくなります。いくつかのページ単位の方法でグラフを表示可能にする方法はありますか (つまり、ページが最大 100 個の値を表示できるように制限すると、ユーザーがページ単位でナビゲートできる別のページに残ります)。

この種の状況にどのようにアプローチできますか?使用できるスタック レイアウトはありますか? パネルは使えますか?しかし、パネルの途中まで描画できますか (グラフはループ内で描画されるため、arraylist の要素が読み取られるまで)。または、スクロール可能なパネルを使用できますか? 私は現在、NetBeans でドラッグ アンド ドロップ GUI を使用せずにすべてを手動で描画しています。

洞察、提案、アイデアをいただければ幸いです。

よろしくお願いします

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

jquery - jqueryでonloadウィンドウをスクロールする方法

テーブルの真ん中にフォームがあります。ウィンドウのサイズがテーブルよりも小さい場合でも、このフォームが常にウィンドウの垂直方向および水平方向の中央にあることを望みます。jQuery の scrollTo 関数を使用して onLoad と onResize を呼び出すことを考えています 、私は初心者で、その方法がわかりません。ヘッダーとスクリプト関数の呼び出しに関するヘルプまたは例をいただければ幸いです。どうもありがとうございました。

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

firefox - スクロールバーを使用した Firefox 内の SVG の座標変換

SVGファイルがFireFox内から表示されたときにスクロールバーが存在するときに、Javascriptコード内からSVGドキュメント内のユーザー座標空間で正しいマウス座標を計算しようとしています。しかし、それはまったく正しくありません。これは、SVG が水平または垂直にスクロールされている場合でも、SVG ベースのツールチップを正しく描画するために必要です。

IE と Firefox ブラウザ間で座標変換が正しく行われるようにしたいと考えています。また、ブラウザー固有の条件付きコードを必要としない単一ソースの Javascript+SVG ソリューションでこれを行いたいと考えています。私は現在 FireFox 3.5.10 を使用していますが、FireFox のより新しいバージョンにアップグレードすることを検討しており、IE はまだテストしていません。

私が遭遇した問題は、スクロールバーの座標オフセットです。スクロールバーが Firefox 内の SVG 要素上に存在するようになった場合、マウス座標変換は十分ではありません。座標変換を理解するためのデバッグ支援として、Javascript ハンドラーをすべて 1 つのファイルに含むシンプルな SVG ファイルを使用して作業しています。このファイルは、マウス カーソルで十字線を SVG ライン オブジェクトとして描画するだけです。svg_cross_hairs.svgに投稿されています。. そのファイルを FireFox にロードし、スクロールバーが表示されるまで FireFox ウィンドウを短くしてから、垂直スクロールバーまたは水平スクロールバーをスクロールすると、Javascript によって描画された十字線が水平スクロール量または垂直スクロール量のいずれかの量だけオフセットされることがわかります。マウス カーソルが実際にある場所またはその近くにツールチップ オブジェクトを描画するには、これは正しくありません。

scrollTopプロパティについて説明しているFirefox: ビューポートの左上隅のマウス座標を取得します。

msg#00056element.{pageX,pageY,clientX,clientY}は、属性とelement.getscreenCTMメソッドの意味が混同されていることを明確にしています。

ユーザー座標系で、正しいマウス座標に到達するためのよりクリーンな方法はありますか?

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

css - 要素の幅を含めて、本体からはみ出さないようにする方法はありますが、表示されますか?

本体よりも幅の広い要素を作成しようとしていますが、水平スクロールは発生しません。

http://jsfiddle.net/hYRGT/

これはうまくいけば、私の問題をある程度示しています。#header には #imghead が含まれ、960px 幅に設定されています。

私が欲しいのは、ブラウザがページの幅が 960px であると「考える」ことです。#imghead は #header よりも幅が広く、相対的に配置されているため、中央に配置されています。

#imghead が Flash コンポーネントに置き換えられるため、背景画像を使用できません。

また、要素を 960px の外に表示したいので、overflow:hidden も使用できません。私はそれがhスクロールを引き起こしたくないだけです。

h スクロールを完全に無効にしたくありません。CSS ソリューションが大好きです。しかし、JavaScript がこれに対処する唯一の方法である場合は、それで十分だと思います。

0 投票する
6 に答える
16668 参照

wpf - マウスで水平スクロールを有効にする方法は?

マウス ホイールを使用して水平方向にスクロールする方法がわかりません。垂直スクロールは自動的にうまく機能しますが、コンテンツを水平にスクロールする必要があります。私のコードは次のようになります。

私の項目テンプレートは次のようになります。

その機能を得るために追加する必要がある別のメソッドまたはコントロールはありますか?

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

iphone - iPhoneで水平スワイプを使用してPDFページをページごとに表示するには?

ページごとの PDF リーダーを作成したいと考えています。

UIWebView を使用して PDF を表示する方法は知っていますが、PDF 全体を読み込み、一度に 1 ページずつ表示したいと考えています。

PDF はローカルに保存されます。横方向のスワイプに応じて、前後の PDF ページが読み込まれます。

水平方向のスワイプおよびズーム機能とともに単一のページを表示する方法は? そのような問題に対する最善のアプローチは何ですか?これに関するチュートリアルはありますか?

編集: CGPDF API を使用して、ページごとに PDF を表示しました。PDFページを画像として使用しています。ただし、UIPageControl も使用されているため、ズームが正しく機能しません。これらの画像をページ コントロールと一緒にズームする方法は?

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

flash - Flash は、埋め込みボタンの端でマウスオーバー イベントを停止します

こんにちはすべて読んでくれてありがとう、タイトルでうまく説明できませんでした。

私は単純なフラッシュプロジェクトに取り組んでいます。シーン 1 では、上に大きな画像があり、下に image_slider というムービークリップの長いスクロール画像があります。スクロールは、actionscript 3.0 のマウスオーバー イベント リスナーで設定されます。ユーザーがマウスを右に動かすと image_slider は左に動き、マウスを左に動かすと右に動きます。それは非常にうまく機能します。image_slider のさまざまな部分をクリックすると、上の大きな画像が変更されるようになりました。

そこで、これらのアクションを image_slider ムービークリップの一部として実行することにしました。そのため、透明なボタンを image_slider ムービー クリップに追加し、それらのイベント リスナーと、Scene1 のさまざまなフレームで移動して停止する関数を追加しました。これはうまくいきます。

私の問題は、image_slider が自由に動かなくなったことです。動きますが、ご覧のとおり、マウスの動きが止まると、スクロールは次のボタンで止まります。スクロールし続けるには、マウスをもう一度動かさなければなりません。なぜこれを行うことにしたのかわかりません。各ボタンの端で停止するのを止める方法を知っている人はいますか?

Flash ムービーはhttp://www.luanamercy.com/FeatureExamples/flashgallery.htmlで見ることができます。

役立つ情報をさらに提供できるかどうかお知らせください。多分ボタンを行うためのより良い方法があります。私は初心者なので、これを悪い方法で行っている可能性があります。

助けていただければ幸いです。

ありがとうルアナ