Question

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

我的横幅应为100％高度，在first图片上，您可以看到底部元素的正确位置。在second图片上，元素和背景之间有一个空格。在更改窗口高度时，我的元素应保持与底部对齐。我怎么能用js来做呢？

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

$(document).on("blur", '.anual_rate_class', function()
{

    var number = $(this).attr("id").replace("anual_rate", ""); // Takes the number of the anual rate from the id and put it in a variable.
    $(this).removeAttr("id").attr({id: 'anual_rate'+number}); // Gives again the id of the anual rate input since it was replaced to get the number.

    if( !$(this).val()) {
          $('#last_one_div'+number).attr({style: 'display:none'}); // Checks if the input is empty, if it is it wont´t succeed. And doesn´tn make available the nutton to continue.
    } 

    if( $(this).val() <= $('#anual_rate'+(number-1)).val()){ // Compares the last anual rate with the new one.
          alert('This anual rate is lower than the last one.'); // Alerts if it is not bigger than the last one.
          $('#last_one_div'+number).attr({style: 'display:none'}); // Doesn´t make available the button to continue.
          $(this).val('') // Clean the input field.
    } 

    if( $(this).val() > $('#anual_rate'+(number-1)).val()){ // If it is bigger, makes available the button to continue.
          $('#last_one_div'+number).attr({style: ''});
    } 

});

这是我的file

Answer 1

如果使用CreateJS，那么您正在使用画布。 CSS解决方案不起作用，只有JS。

使用Window＆＃resize事件。

this.frame_0 = function() {
  var _second = this.second;

  function setSecondToTheBottom() {
    _second.y = window.innerHeight - (_second.nominalBounds.height / 2);
  }

  setSecondToTheBottom();

  window.addEventListener("resize", setSecondToTheBottom);
};

Answer 2

使用CSS设置元素的位置。

if(txtSpecification.Text == null)

很容易

如何使用JS将元素对齐到窗口的底部

2 个答案: