Question

所以我之前遇到了一个问题 - 我的选项下拉点击页面底部然后没有显示，所以基本上所有我需要做的就是让它“放弃”......

它来自一个漫画网站，但它是托管的，因此HTML中的一些代码只能在实际网站上运行，所以我想最好的是给你链接到页面，你可以检查firefox上的元素或者什么都看到代码在行动。链接到网站页面： http://mytestcomic.thecomicseries.com/comics/1/

问题的下拉列表位于页面底部，名为“发布，评分，保存＆amp;加载'。正如你从高处看到的那样，我刚刚复制了导航按钮和从高处下拉的内容，因此读者无需向上滚动即可转到漫画的下一页（我应该添加它只是一个测试所以我可以先处理它然后将代码移到真实的东西上。

我的jQuery脚本在这里：

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

如果您需要我在这里浏览HTML / CSS，我可以，但正如我所说，您可能更容易在页面上看到它。

谢谢！

Answer 1

您只需要一些额外的CSS来使用绝对定位并使其相对于父元素的底部：

.dropcon {
  position: relative;
}
.fallback {
  position: absolute;
  bottom: 0;
}

使用jQuery，HTML和＆amp; amp; CSS

1 个答案: