0

div 内のリンクをクリックすることができませんposition:absolute。Chrome や ie8 のデスクトップでも問題なく動作するため、モバイル android では動作しないようです。

スタイルを削除するとすぐに機能します。クラス msg-inner は、scrollTop がスタイリングされていない jQuery 専用です。私は多くの回答を読み、内側の div でz-indexorを使用しましたが、どれも機能しません。msg_container と同じ問題でposition:relative使用してみました。position:fixed内側のdivがスクロールし、すべてが正しく見えますが、リンクが壊れているだけです.ところで、散発的に機能するものと機能しないものがあります. 私はすべてのスタイリングを取り除き、単純なリンクを中に入れて、それがフォーマットの問題であり、それでも何もないかどうかを確認しました.

<div id="msg_container" class="absolute" style="overflow-y:auto;width:100%;height:75%">
    <div class="msg_inner">

.... stuff in here with links
</div><!--msg inner-->
    </div><!--msg_container-->

CSS

.absolute {
position: absolute;
}
4

1 に答える 1

1

あなた#msg_containerは絶対的な立場を持つべきではありません.msg_inner。これを試して：

HTML

<div class="msg_container">
    <div class="msg_inner">
        .... stuff in here with links
    </div><!--msg inner-->
</div><!--msg_container-->

CSS

.msg_container {
    position: relative;
    width: 400px;
    height: 400px;
}

.msg_inner {
    position: absolute;
    top: 0px;
    left: 0px;
}

msg_containerまた、ID ではなくクラスを作成したことにも注意してください。同じ名前の ID を複数持つことは悪い習慣と見なされます。もちろんあなたのコードはわかりませんがmsg_container、ページに複数の が含まれている可能性があると想定していたので、代わりにクラスを使用しました。

于 2013-04-13T23:12:52.413 に答える