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 回答