Как с js закрепить кнопку у края блока?

Question

[lavezzi1]

Здравствуйте. Нужно чтобы при скролле кнопка всегда оставалась у правого края блока. Position: fixed не подходит, потому что нужно чтобы кнопка была только в этом блоке, а не скролилась вниз со страницей.

codepen.io/anon/pen/eZRQGd

Answer 1

[tigra]

выносишь кнопку вперёд за этот блок, оборачиваешь всё в див и профит, js не требуется

<div class="wrap-block">
<div class="block">
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
</div>
  <span class="block__button">Next</span>
  </div>

.wrap-block {
  width:754px;
  margin:0 auto;
  position:relative;
}

Comments

[lavezzi1]

Ширина не известна, кол-во блоков изменяется\подгружается\удаляется.

[tigra]

lavezzi1: как это неизвестна?вы указали ширину у .block.
и к тому же сколько не добавляй не убирай блоков, "вперёд" никуда не уедет же.
в данном варианте это работает, если вы хотите как то по другому, разместите код который вам конкретно нужен