直前に別の問題について投稿しましたが、回答が得られないため、別の問題について質問すると思いました。
jQueryプラグインであるScrollPathを使用しようとしています。ページをよりインタラクティブにするのは楽しくて面白いと思いました(ポートフォリオページになります)。とにかく、作成した目的のパスでスクロールとすべてが機能しますが、問題が発生しています。ブラウザの画面が小さくなり始めたら、どのように見えるか。
私の13インチMacbookProでは、このサイトは見栄えがよく、何も切り取られていません。私のものよりも大きい画面では、より多くのコンテンツが表示されますが、それでも見栄えがします。
私のMacBookや小さい画面よりも低い解像度では、プラグインが「移動」してスクロール先のオブジェクトに焦点を合わせる方法が原因で、物事が見えなくなり始めます。
これはプラグインのデモサイトです:http://joelb.me/scrollpath/
電話/タブレットなどのレスポンシブテストでサイトがどのように表示されるかを次に示します。http://res.ponsive.com/ ?resize = joelb.me%2Fscrollpath%2F&iphone = on&ipad = on&android = on
ご覧のとおり、プラグインがコンテンツを表示する機能を制限しているようです。
このプラグインを使用して作成しているWebサイトの例を投稿しますが、まだすべての人に自分のものを表示したくはありません。上記の2つの例を投稿することで、私の主張が理解できると思います。
この問題を回避する方法はありますか?小さなビューポートでコンテンツを表示する機能を失うことなく、この楽しいスクロールパス効果を実現するためのより良いプラグインまたは方法はありますか?
あなたが助けることができればありがとう!(私はあまり歩き回らなかったと思います。)