web-dev-qa-db-ja.com

WordpressのブログでFullscreenrを使う - 変なバグ

私がここで誰かが以前にワードプレスをテーマにしたjqueryプラグイン 'fullscreenr'を使用したことがあるかと思います。私はこれまでにワードプレスのビルドに使ったことのある人なら誰でも遭遇するだろうという奇妙なバグに気づいた。それはニッチな問題なので説明に添ってください。私はできるだけ簡潔にします。

Fullscreenrはあなたがスケーラブルなフルスクリーンbg画像を持つことを可能にするjQueryプラグインです。参照用: http://nanotux.com/blog/fullscreen/

私が抱えている問題は、ターゲットページの下の方にある場所をターゲットとするHTMLアンカーを使用することに関する奇妙なバグです。これにより、BGは元のウィンドウサイズより小さくなります。最初はすべてき​​れいに見えますが、ユーザーが上にスクロールしようとすると、スクロールバーが「動かなくなり」、BGの200ピクセルも動かなくなります。

スケーラブルなbgがここで動作しているのを見ることができます。 http://dev.citylightphilly.com/html (ズームアウトしてウィンドウのサイズを変更してみてください。)

私が抱えている問題を目の当たりにするには - "Our Blog"(テストページの唯一の有効なリンク)をクリックします

通常は、「スケーラブルなBGが本当に必要な場合は、ターゲットページの特定の位置より下のアンカーを使用しないでください」と言います。しかし、ワードプレスのブログではコメントのために#respondタグに直接リンクすることが意味的に非常に必要になります。それは常にページの一番下にあります!

何かご意見は?回避策を記述するのに十分なほどjQueryがわかりません。

1
timshutes

このプラグインはページロード時のビューポートの幅と高さを決定しますが、ビューポートのサイズを見て、次にビューポート/ウィンドウを基準にして画像上のコンテンツdivを絶対位置に設定する$(window).height()を使用します。 。

ページがドキュメントの最上部に読み込まれていないため、コンテンツは絶対に正しく配置されていません。その時点では、元に戻す方法はありません。 (スクロールバーの問題は奇妙ですが、副作用があると思います。)

プラグインはどういうわけかscrollPositionをチェックし、それに応じて寸法を調整する必要があります。私はまだ正確にそれがどのように機能するかについて考えています...


OK Smockと話した#bg divをpositionから変更してみてください。ポジションへ:固定そしてそれがあなたの問題を解決するかどうか確かめなさい。 FYIその時点であなたはiPadの機能を失うかもしれませんが、それは奇妙なアンカー問題を解決するはずです。それはそれをどのように処理するかあなたの呼び出しです。

また、私たちは両方ともお勧めします。あなたが手助けをすることができるのなら、このプラグインを使用しないでください。 :D

1
Jason Rhodes