Question

我试图用JS将DIV粘贴到页面顶部。但是因为DIV容易受到自动更新的影响，所以我必须使用包含的CSS类。而不是添加一个ID，因为它不可用。

我看过W3学校，但找不到解决方案。

这是我到目前为止所拥有的：

function sticky_relocate() {
    var window_top = $(window).scrollTop();
    var div_top = $('#sticky-anchor').offset().top;
    if (window_top > div_top) {
        $("CSSCLASS").addClass('stick');
        $('#sticky-anchor').height($("CSSCLASS").outerHeight());
    } else {
        $("CSSCLASS").removeClass('stick');
        $('#sticky-anchor').height(0);
    }
}

https://jsfiddle.net/themysticalsock/2u5qy0th/

P.S。请忽略我的班级是大写字母的事实，只是在示例中显示我认为我会说的。

Answer 1

首先要注意jQuery中的类选择器，它是：

$(".CSSCLASS").addClass('stick');

不

$("CSSCLASS").addClass('stick');

比我看起来你的CSS应该是：

.stick {
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}

检查jsFeedle： https://jsfiddle.net/2u5qy0th/6/

使用javascript滚动后，使用CSS Class在顶部粘贴DIV - 示例提供

1 个答案: