0

通常のブラウザでスティッキーヘッダーを使用できるようにするこのjqueryコードがあります。したがって、デフォルトでは、ヘッダーのコンテンツが好きな場所に表示され、スクロールするとそのヘッダーがスクロールしても表示されます。問題は、iPadでは機能しないことです。誰かがコードを見て、これを iPad で動作させるために変更できるものがあるかどうかを確認できますか?

// Fixed control bar
        var controlBar = $('#control-bar');
        if (controlBar.length > 0)
        {
            var cbPlaceHolder = controlBar.after('<div id="cb-place-holder" style="height:'+controlBar.outerHeight()+'px"></div>').next();

            // Effect
            controlBar.hover(function()
            {
                if ($(this).hasClass('fixed'))
                {
                    $(this).stop(true).fadeTo('fast', 1);
                }

            }, function()
            {
                if ($(this).hasClass('fixed'))
                {
                    $(this).stop(true).fadeTo('fast', 1);
                }
            });

            // Listener
            $(window).scroll(function()
            {
                // Check top position
                var controlBarPos = controlBar.hasClass('fixed') ? cbPlaceHolder.offset().top : controlBar.offset().top;

                if ($(window).scrollTop() > controlBarPos)
                {
                    if (!controlBar.hasClass('fixed'))
                    {
                        cbPlaceHolder.height(controlBar.outerHeight()).show();
                        controlBar.addClass('fixed').stop(true).fadeTo('slow', 1);

                        // Notifications
                        $('#notifications').animate({'top': controlBar.outerHeight()+notificationsTop});
                    }
                }
                else
                {
                    if (controlBar.hasClass('fixed'))
                    {
                        cbPlaceHolder.hide();
                        controlBar.removeClass('fixed').stop(true).fadeTo('fast', 1, function()
                        {
                            // Required for IE
                            $(this).css('filter', '');
                        });

                        // Notifications
                        $('#notifications').animate({'top': notificationsTop});
                    }
                }
            }).trigger('scroll');
        }
4

1 に答える 1

0

これに対する答えは、煎茶タッチのような別のソリューションを使用することでした。

于 2011-06-10T15:09:45.250 に答える