Как поставить свиток внизу div на клик

Question

Как поставить свиток внизу div на клик

Решение:

aia_map.world_to_pixel(rotated_ch_boundary)

или

rotated_ch_boundary.to_pixel(aia_map.wcs)

Благодаря fraserwatson для этот пост

1

jquery css scroll

задан nobody 19 January 2019 в 01:04

1 ответ

Другие вопросы по тегам:

jquery css scroll

Похожие вопросы:

score 0 · Answer 1

В данный момент вы звоните $('#mainDiv').prop("scrollHeight"), #mainDiv скрыто с display: none;. Такой элемент имеет scrollHeight, равный 0.

Показать #mainDiv, прежде чем пытаться прокрутить его:

$(document).ready(function() {

  $('#openDiv').on('click', function() {
    $('#openDiv').hide();
    $('#closeDiv').show();

    $("#mainDiv").show();

    $("#mainDiv").animate({
      scrollTop: $('#mainDiv').prop("scrollHeight")
    }, 1000);
  });

  $('#closeDiv').on('click', function() {
    $('#closeDiv').hide();
    $("#mainDiv").hide();
    $('#openDiv').show();
  });

});

#mainDiv {
  height: 150px;
  background-color: #2A2A2A;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
}

#divText {
  color: #fff;
  background-color: #555555;
  height: 20px;
}

#divTextEnd {
  color: #fff;
  background-color: red;
  height: 20px;
}

#openDiv {
  background-color: green;
  border: none;
  color: #fff;
}

#closeDiv {
  display: none;
  background-color: red;
  border: none;
  color: #fff;
}

<button id="openDiv">Open div</button>
<button id="closeDiv">Close div</button>

<div id="mainDiv">

  <div id="divText">
    <h5>text</h5>
  </div>
  <div id="divText">
    <h5>text</h5>
  </div>
  <div id="divText">
    <h5>text</h5>
  </div>
  <div id="divText">
    <h5>text</h5>
  </div>
  <div id="divTextEnd">
    <h5>text</h5>
  </div>

</div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>