窗口顶部的Jquery位置元素

Question

当我调用一个函数时，我试图将一个元素放在视口窗口的顶部，但它似乎不起作用，我认为它与语法错误有关。

function showSidePage() {
  var window_top_position = $window.scrollTop();
  $('#projectsPage').css("top", window_top_position)
}

如果我这样做而不是它有效，但那不是我想要的。

function showSidePage() {
  var window_top_position = $window.scrollTop();
  $('#projectsPage').css("top", "100px")
}

我做错了什么？

Answer 1

我个人试图采取另一种方法。点击/悬停或任何你可以为元素添加一个类$('#projectsPage').addClass("fixedPos")

该类将附加以下css。

position: fixed;
top: 0;

完成后，您只需按$('#projectsPage').removeClass("fixedPos")

删除该课程即可