html5 を使用して画像のスクロール効果を作成できますか?

html5 を使用して画像のスクロール効果を作成できますか?

。 2018-01-31 16:19:16 0  1  1537

touchmove を使用した Y 座標のキャプチャ: ステップバイステップのガイド

HTML、JavaScript、キャンバスを使用してモバイルアプリを作成しようとしています。基本的に、下にスクロールすると画像のズームが増加し、上にスクロールすると画像のズームが減少しますが、スクロールするとサイズが増加し続けるため、ズームを減らすことしかできませんサイズが小さくなることを願っています。 JavaScript コードの一部: document.addEventListener('touchmove',(event)=>{if(event.pageY<0){zoomLevel/=1

P粉996763314 2023-10-08 10:35:03 0  1  687

JavaScript - モバイル端末への影響は小さい

下にスクロールすると、背景画像が縮小します。 質問: このアニメーションをよりスムーズに作成するにはどうすればよいですか (モバイル版)?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  783

JavaScript - クリック イベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  978

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  311

html5 - vue に基づいた画像表示、実装方法は?

WeChat Moments で写真を表示するのと同じ効果があり、長い写真を表示したり、拡大したり、写真の数を表示したりできます。

怪我咯 2017-05-16 13:42:53 0  1  442

Android のイメージビューにパスと音声ファイルを追加し、パスと音声の場所を記録し、編集中にその場所を変更しないようにする方法

絵上にパスを描きます パスの終点に音声を追加できます 音声をクリックすると再生します 完了するとパスと音声の位置が記録されます 編集時にパスと音声を削除して編集することができます画像が拡大縮小される場合、それに応じてパスも拡大縮小する必要があります。

黄舟 2017-05-24 11:37:46 0  1  909

Chart.zoom() を呼び出した後に X 軸を解放する: ステップバイステップのガイド

スクロール戦略を setScrollStrategy(AxisScrollStrategies.progressive) に設定すると、データが非常に速く受信されるため、読み込まれたページでチャートが非常に速くスクロールします。ただし、 chart.zoom({x:-200,y:180},{x:500,y:500}) を使用してグラフの開始時に特定のズームを設定することで、この問題を解決しました。その後、グラフは自動的に表示されませんX 軸をスクロールする機能はもう存在しません。X 軸をダブルクリックせずに軸を解放するにはどの関数を呼び出せばよいですか?別の問題

P粉323050780 2024-04-04 23:40:56 0  1  1487

タブレットでブラウザのジェスチャーズーム機能を完全に無効にする方法 - コードログ

タブレットではマルチタッチ機能により、ジェスチャーで直接ズームイン・ズームアウトができるのですが、現状ではこの効果を無効にしたいのですが、いろいろ試してみましたが、うまくいかないようです。ズームはPCのCTRL + スクロールホイールズームと同じです、単なる機構ではありませんが、最も信頼できるのはCSSコントロールです...

怪我咯 2017-06-30 09:57:23 0  1  1074

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  391

JavaScript - 画像をスクロールして読み込む vue

要件: スクロール バーを一番下まで引き下げたときに画像をロードし、一度に 6 枚の画像をロードします。画像の数が 30 を超える場合、読み込み完了後に最初の 6 枚の画像が削除され、30 個の DOM ノードがロードされます。維持されること。データ内の imgarr=[] を保存する画像アドレスとして設定します。

阿神 2017-05-18 10:59:25 0  2  640

angular.js - 如何只用 AngularJs 实现图片滑动切换？

AngularJS的图片轮播效果或是图片滑动切换效果在百度上搜到的代码基本都是基于bootstrap这个控件来实现的。 如何实现纯AngularJS不带jQ或其他。实现如手机淘宝的宝贝详情页的顶层banner那样的滑动切换图片的效果？

大家讲道理 2017-05-15 16:51:32 0  1  780

JavaScript はビューポート内でのみ IntoView をスクロールします

モックアップを作成しました (ビデオの再生中に新しいテキスト行にスクロールするときにスペースが使用されることに注意してください)。ブロック「nearest」でscrollIntoViewを使用しています。問題は、ページ全体にスクロールがあるため、ページがスクロールされてしまうことです。 Linesdiv 内のアクティブなテキスト行までスクロールしたいだけです (ビュー内にある必要はありません)。 「ビデオ」div を見ていると、下にスクロールし続けるためです (これは望ましくない動作です)。 vartext=document.querySelector('.

P粉011684326 2023-09-11 16:33:49 0  1  480

ハイチャート: スクロールバーのみが描画領域をカバーするようにします。

これは、highcharts ドキュメントのスクロールバー チュートリアルに基づいたサンプル チャートのフィドルです: https://jsfiddle.net/zao68u2k/1/ デフォルトのデモに加えた唯一の変更は、scrollablePlotArea :{ によってマスクを削除することでした。 opacity:1,}マスクがなくなったので、スクロールバーがチャートの幅全体を占めるのは意味がありません。画像でシミュレートしたように、軸を含まずにプロット自体の幅だけになるようにスクロールバーを短くしたいと考えています。出来ますか？

P粉692052513 2023-09-16 11:04:01 0  1  986

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロール バーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロール バーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43 0  2  948

JavaScript - SVG初心者、SVGに画像を挿入したい

コードは上記の通りです。SVGに画像を挿入してアニメーションさせたいのですが、効果がありません。説明してください...

代言 2017-06-24 09:44:02 0  1  849

javascript - 特定の条件が満たされたときにドラッグアンドドロップを停止するために、jquery uiのドラッグアンドドロップ機能を実装する方法

画像のように、右下の小さな点をドラッグすると画像をズームできます。jquery uiのズーム機能では満足できないため、これを自分で書きました。今度は右下の小さな点をドラッグする必要があります角を図 2 の位置までドラッグすると、左上方向にドラッグし続けることができなくなります。ずっとネットで探してたんですが…

某草草 2017-05-19 10:42:24 0  1  458

objective-c - iOS 模拟器中图片颜色比原始图片颜色深，如何获取原始UIImage？

环境：Xcode 7 + iOS9 模拟器问题：使用IB方式构建UI设置图片的时候，发觉模拟器中UIImageView中的图片颜色比原始图片颜色深。而我希望得到的是原始图片的效果。 新建了一个Demo，只放了一个ImageView。图片颜色...

高洛峰 2017-04-25 09:04:33 0  1  617

JavaScript - React でビデオを自動的に再生する方法

私のアプローチは、ビデオをピクチャーマスクに置き換えることです。マスクをクリックするとディスパッチアクションがトリガーされ、マスクが消えてビデオラベルが表示されますが、Apple はそうしません。携帯電話や Android のどちらでもビデオを自動再生できない場合、ビデオを再生するにはビデオの再生ボタンをクリックする必要があり、効果があまり良くありません。何か解決策はありますか?

仅有的幸福 2017-07-05 11:03:35 0  2  1225

滑らかなスライダーを継続的に自動再生しながら、矢印/ポイントクリックでスクロールを加速するにはどうすればよいですか?

自動で連続再生するスライダーを作りたいです。正常に動作しますが、矢印とポイントが正しく動作していないようです。どの設定を変更すればよいかわかりませんが、矢印または点をクリックした直後にスライダーがスクロールするようにしたいと考えています。以下のコードを使用していくつかの設定を変更しようとしましたが、何も機能しないようです。速度を 6000 に設定すると、自動再生のタイミングは完璧になりますが、点/矢印をクリックした後のスクロールでは同じ遅い速度が使用されます。この動作は望ましくありません (選択したスライドまですぐにスクロールする必要があります)。目標を達成するために何をすべきかを理解するのを...

P粉956441054 2024-03-25 21:20:33 0  1  466