ようこそ!お願い助けて!ブラウザのInternet Explorerでスクリプトが正常に動作しません。スクロール中に、ブロックを強く引き上げます。直し方?お願い助けて。ご助力ありがとうございます!ブラウザのInternet Explorerでスクリプトが正しく動作しません。直し方?
$(function() {
var $hor = $("#horizontal");
$("body").css('padding-bottom', $(window).width()*2);
var delta = 0;
$(window).on('scroll', function() {
var top = $(document).scrollTop();
var width = $(window).width();
var lim = $hor.position().top - (delta) - ($(window).height() - $hor.outerHeight())/2;
delta = Math.min(Math.max(top - lim, 0), width * 2);
$(".horizontal:first", $hor).css({left : delta});
$(".horizontal:last", $hor).css({left : -(width*2 - delta)});
$("body").css({'padding-top': delta, 'padding-bottom': width*2 - delta});
});
});
p {
height: 500px;
}
#horizontal {
\t position: relative;
\t overflow: hidden;
\t width: 100%;
\t font-size: 3em;
\t margin: 0;
\t padding: 0;
\t height: 250px;
}
#horizontal .horizontal {
\t position: absolute;
\t width: 100%;
\t left: -100%;
\t padding: 20px;
}
#horizontal .horizontal .h_blockquote {
\t position: relative;
\t width: 100%;
\t margin: 0 auto;
\t font-size: 24px;
\t line-height: 1.3em;
\t color: #000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>test</p>
<div id="horizontal">
<div class="horizontal">
<div class="h_blockquote">
<div class="h_blockquote_wrap">The script does not work properly in the browser Internet Explorer. The script does not work properly in the browser Internet Explorer.</div>
</div>
</div>
<div class="horizontal">
<div class="h_blockquote">
<div class="h_blockquote_wrap">The script does not work properly in the browser Internet Explorer. The script does not work properly in the browser Internet Explorer.</div>
</div>
</div>
</div>
<p>test</p>
は、私たちは、*は*具体的に意味や何をブロック#horizontalをスクロールしたとき、Internet Explorerのブラウザのすべてのバージョンでは – charlietfl
でテストしているのInternet Explorerのバージョンでは、全体を開始し、「正常に動作しない」何見当がつかないページを上下に「ジャンプ」する。 – LADYX
こんにちは、その古いバグですが、jqueryスクロールプラグインを使用した回避策があります。詳細はこちらを参照してください。https://github.com/noraesae/perfect-scrollbar/issues/160 http://manos.malihu.gr/jquery-custom-content-scroller – jidexl21