2016-12-08 6 views
1

私が作成しているサイトのページでfullpage.jsを使用しています。すべてが意図どおりに機能しており、私はこれまでの経験にとても満足しています。私は解決できないような小さな問題に遭遇しました。fullpage.jsページ構造が壊れて画面のサイズ変更時に使用できなくなる

responsiveWidth:961を設定しました。画面サイズが961px未満の場合、スライダ機能は無効になります。今度は上記のブレークポイントを過ぎた最初のスライド(プロパティ:)に画面のサイズを変更しようとすると、すべてが問題ありません。

ただし、ビューポートが2番目(およびそれ以上)のスライドにあるときに画面のサイズを変更しようとすると、html構造体は幅961pxより完全に破損します。

問題を再現するにはhttp://viv-homes.dafox.uk/properties/にアクセスしてください。

ありがとうございます!

答えて

1

fullpage.js' githubの問題にan open issue about itがありますが、あなたが見ることができるように、それは 『DEVに固定された』としてマークされている

をタッカー。つまり、問題はthe developing branchに解決され、次のリリースv 2.9.0にマージされます。

問題を取り除きたい場合は、気軽にthe developing versionを使用してください。

+0

ご返信ありがとうございます。 v 2.9.0では、部分的に問題が修正されました。しかし、サイズを縮小すると、ページ構造が破られることはなくなりました。スライド3の画像の上にフィルターがあり、サイズを961px以下に縮小すると、フィルターは自動的にすべてのスライドに適用されます。 –

+1

おそらくあなた自身のコードはフィルタを作成し、fullPage.jsとは関係ありません。私が言ったように、fullPage.jsはdevブランチで解決されました。 – Alvaro

+0

私の謝罪は、私のコードと実際に関係があるものでした。ご協力いただきありがとうございます。ではごきげんよう。 –

0

ユーザーは開発者モードでサイトを開いていないと仮定して、画面サイズを変更するたびにページをリロードしなければなりません。サイトを開いたユーザーが一定の画面サイズを使用することを考えれば、それは分解の問題ではありませんが、私の意見では、jsはコードがすでに読み込まれていると2度目に読み込みません。すでに961px以上の部分を読み込み、961px以下になるとコードを読み込みます961px未満のものはあなたのサイトに残す最後の情報になります。それが助けてくれることを願っています

関連する問題