1

そのため、以前に問題が発生しました-オプションのドロップダウンがページの下部に表示され、その後表示されないため、基本的に必要なのは「ドロップアップ」することだけです...

これはコミック サイトからのものですが、ホストされているため、実際のサイトでのみ機能するコードが HTML に含まれているため、ページへのリンクを提供し、Firefox で要素を検査できるようにするのが最善だと思います。または、コードが実際に動作していることを確認できます。サイトページへのリンク: http://mytestcomic.thecomicseries.com/comics/1/

問題のドロップダウンはページの一番下にあり、「投稿、評価、保存、読み込み」という名前です。上から見るとわかるように、読者がコミックの次のページに移動するために上にスクロールして戻る必要がないように、ナビゲーション ボタンとドロップダウンを上からコピーしました (追加する必要があるのは単なるテストです)。そのため、最初に問題を解決してから、コードを実際のものに移すことができます)。

私のjQueryスクリプトはここにあります：

<script>
$('.dropcon').hover(
    function () {
        $('.fallback', this).stop().slideDown(125);
    },
    function () {
        $('.fallback', this).stop().slideUp(125);
    }
);
</script>

ここに HTML/CSS を貼り付ける必要がある場合は、貼り付けることもできますが、ページ上で自分で確認する方が簡単かもしれません.

ありがとうございました！

4

1 に答える 1

1

絶対配置を使用して、親要素の下部に相対的にするために、CSS を少し追加する必要があります。

.dropcon {
  position: relative;
}
.fallback {
  position: absolute;
  bottom: 0;
}
于 2013-07-17T11:57:42.943 に答える