javascript - 重新定位一个 div

Question

我正在尝试重新定位一个 div - 带有标题“为什么打扰”的可扩展面板，因此它出现在您现在在显示器中看到的位置（在底部）。但在 HTML 中，我希望它出现在 8 个面板的顶部。

（这些面板都位于内容区域的 RH 一侧。我这样做是为了保留当前网站的 SEO，这是我为之建造的人赚了 99% 的钱的地方）。

我试过使用底部：0；但这不适用于可扩展面板。有没有办法使用 CSS 或 JS 来做到这一点？

score 0 · Accepted Answer

您可以通过绝对定位实现您想要的。我不知道在此之后下拉菜单是否会起作用，但值得一试。

将此添加到现有的contentLeftcss 规则中

.contentLeft {
    padding-bottom: 90px;
    position: relative;
}

将此添加到“特殊” div

.specialdropdownPanel {
    bottom: 20px;
    position: absolute;
}

score 0 · Accepted Answer

如果您希望它出于 SEO 原因出现在顶部，那么您将不得不将其移至 HTML 代码的顶部。在 DOM 加载（使用 JS 或 CSS）之后移动它不会对其 SEO 产生影响，因为 SEO 蜘蛛会以原始 HTML 中的显示方式读取 DOM。

将其移至顶部后，您可以使用 javascript 将其移至底部，使其看起来位于底部。

假设它是<div class="contentLeft"类中的第一个 div 元素dropdownPanel，您可以使用以下 jQuery：

$(document).ready(function(){
    $('div.dropdownPanel:first').appendTo('#content div.contentLeft');
});

这是一个工作示例：

我注意到在您的网站上您$禁用了 jQuery 的快捷方式，因此请务必将其替换为jQuery：

jQuery('div.dropdownPanel:first').appendTo('#content div.contentLeft');

score 0 · Accepted Answer

在小提琴上使用 jQuery 来做这个例子

$(".contentLeft .dropdownPanel").eq(0).before($(".contentLeft .dropdownPanel").eq(7));

3 回答 3