0

会社の顧客向けに WordPress プラグインを作成しましたが、オプションの 1 つでiframe. お客様から興味深い問題を指摘されました。ページが読み込まれると、上部ではなく、すぐ上に読み込まれます( http://salondshayn.com/wp/staff/jude-hair-stylist-hairdresser-scottsdale/iframeを参照してください)。私のテスト サイトと、テストしたすべてのブラウザー (つまり、chrome と firefox) でも同じことが起こります。

に絞り込みましたがiframe、WordPress の iframe の扱い方にも関係があるのか​​もしれません。この質問は似ていdisplay: none;ますが、iframeのコンテンツを表示する必要があるため、どちらが機能しないかを設定するという答えが返されます。

助言がありますか？

4

3 に答える 3

0

scrollTo関数を使用して、このビットのjavascriptをページの最後に配置します。私はこれをjavascriptでiframeをスクロールすることから取ったのですか？

    var myIframe = document.getElementById('iframe');
    myIframe.onload = function () {
        myIframe.contentWindow.scrollTo(xcoord,ycoord);
    }

jQueryが関係している場合は、次を使用できます。

    <script type="text/javascript">
        $(document).ready(function () {
            window.scrollTo(0,0);
        });
    </script>
于 2012-11-29T23:30:51.257 に答える
0

私は最終的に（2週間後）この質問に対する答えを見つけました. ここでネイトの答えからそれを取りました-ページ下部のiframe：ページの自動スクロールを回避します

私が使用した：

<iframe style="position: absolute; top: -9999em; visibility: hidden;" onload="this.style.position='static'; this.style.visibility='visible';" href="..."></iframe>

スクロールの問題は完全に解消されたようです。

ネイトの引用は次のとおりです。

ここでは基本的に、フレームを非表示にして、ページの垂直方向の負のオフセットに移動すると言っています。フレーム内の要素にフォーカスしようとすると、ページを上にスクロールし、ロードしたら iframe を意図した位置に戻します。

于 2012-12-20T18:13:49.790 に答える
0

scrollTo@stevepowell2000が指摘した問題を拡張し、そのすべてのスクリプトを調べることをお勧めします。iframeおそらくそこでscrollTo起こっているでしょう。

これはiframeソースで見つけましたが、関連しているかどうかはわかりません...

$("#siteMasterPage").live('pageshow', function(event) {
    var currentArea = $('#hidCurrentArea').val();
    if (currentArea === "business") {             
         setTimeout(function() {
            $.mobile.silentScroll(30);
         }, 10);
     }
});

もしそうなら、問題はそれを防ぐ方法です.2番目のスクロールを適用するとおそらく奇妙に見えるからです.

于 2012-11-30T00:13:24.657 に答える