강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

初心者でも作れるスクロールインタラクション。第1回 JavaScript

特定のサイトを模倣するだけの講義ではなく、知識共有者が共有するスクロール インタラクションのノウハウや、基本的な要素をしっかり学んだ上で、国内企業で広く使用されている UI スクロール インタラクションのさまざまなテクニックやモーションなどを学び、作成します。

難易度 初級

受講期間 無制限

  • ggangcoding162118
HTML/CSS
HTML/CSS
JavaScript
JavaScript
jQuery
jQuery
Interactive Web
Interactive Web
HTML/CSS
HTML/CSS
JavaScript
JavaScript
jQuery
jQuery
Interactive Web
Interactive Web

セクション5-2バグ修正ビデオをアップロードしました。そしてEDGEスムーススクロール機能について..

こんにちは!

今日もお知らせします。

1. Mac Chromeのバグパッチ

セクション5-2 Macのクロームバーグは、開発段階のChromeブラウザでは発生しません(直接確認2022.1.30日)

開発段階のChromeブラウザはまだ公式に配布されていないためバグが発生しますが、後に公式バージョンが配布された場合

Safari Chromeのバグは発生しないと予想されます。

 

2. edgeブラウザスムーススクロール

昨日、edgeブラウザのネイティブ機能であるSmoothスクロールを使用すると、セクション5-2でバグが発生することをお知らせしました。

今日のバグ修正ビデオを作成します。

私が以前に作ったauto slideも問題が生じたか確認してみました。

SJ AUTO SLIDEにも似たロジックを使ったんですよ!

しかし、auto slideではバグが発生しませんでした。

それで理由を見てください。

私はUI FRを作成したときに独自に開発したスムーススクロール機能があります。

この機能のためバグが生じませんでしたね。

しかし、この機能を外すとバグが生じました。

つまり、現在edgeブラウザに実装されているスクロール技術に問題があるのは明確な事実です。

私が考えると、edgeブラウザはバージョンアップし、明らかにこの問題にパッチを当てると思います。

パッチになればあえてバグ処理をしなくてもいいので参考にすればいいようです。

 

スムーススクロール機能などの場合は、さまざまな式を作成する必要があります。

FRだと思うので、あちこちが絡んでいるから

授業で作るのは事実上大変だと思います。

 

それでも、さまざまなバグ処理パターンを通じて何か少しでも役に立てば幸いです。

 

ありがとう:)

旧正月をお過ごしください:D

 

 

コメント