javascript - 如何使用 JS 将元素与窗口底部对齐

标签 javascript html

我使用 Adob​​e Animate 创建了一个 html-5 横幅,并有一个元素,该元素应根据该窗口的高度与窗口底部对齐。

我的横幅应为 100% 高度并位于 first 上从图片中您可以看到底部元素的正确位置。并在second上图片元素和背景之间有一个空格。 当更改窗口的高度时,我的元素应保持与底部对齐。我怎样才能用js做到这一点?

这是我的代码,它可以帮助我移动元素,但它不会将其与底部对齐:

this.frame_0 = function() {

    var _second = this.second;

    this.addEventListener("tick", res.bind(this));
    function res() {
    _second.y =  window.innerHeight/2 + 120;

    }
}

这是我的file

最佳答案

使用CSS设置元素的位置。

position:fixed;
left:ValueFromLeft;
bottom:0;

很简单

关于javascript - 如何使用 JS 将元素与窗口底部对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50206180/

相关文章:

html - Phonegap 保存 HTML 表单数据的 txt 文件

javascript - Chrome 在使用 onClick ="this.select();"时在 Textarea 中出现空格而崩溃

html - 为什么我的内容对于容器来说太宽了?

javascript - 按类从表单中删除元素

javascript - 在弹出窗口中使用延迟加载

javascript - Bootstrap 3 datetimepicker 事件没有启动

javascript - 是否可以检查鼠标指针是否在某个类上?

javascript - 这个函数和条件语句输出有什么问题?

javascript - 了解 cryptojs 中不同的加密模式

javascript - 如果值与数组显示项目中的另一个值匹配 JavaScript