javascript - JS - 改变 .top 属性

Question

我有一个 div，我想更改其“顶部”属性。它目前在 CSS 表中设置，但是当我的功能完成时，我希望它发生变化。

这是我尝试使用的代码，但它没有做任何事情:

<script>
    function reposition(){
            var windowWidth = window.innerWidth;
            if (windowWidth > 667) {
                document.getElementById("SubmitAFilm").style.top = "100px";
            }
        }
        window.addEventListener("resize",changeFontSize,false);

    </script>

Answer 1

将您在 addEventListener 中应用的函数更改为 reposition。此外，您还需要有 position: absolute 才能使 top 值起作用。

function reposition() {
  var windowWidth = window.innerWidth;
  if (windowWidth > 667) {
    document.getElementById("SubmitAFilm").style.top = "100px";
  }
}
window.addEventListener("resize", reposition, false);

#SubmitAFilm {
  position: absolute;
}

<div id="SubmitAFilm">Submit a Film</div>