Исправлено, Sticky Element Stopped at Footer

Question

Я использую jSticky javascript для плавания элемента до тех пор, пока он не прокрутится до пробки (в этом случае его нижний колонтитул), а затем он остановится.

Это отлично работает для нефиксированных элементов, но я не уверен, как это сделать, когда элемент фиксируется в правом нижнем углу окна браузера. Я хочу, чтобы он находился на расстоянии 15 пикселей от нижней и правой сторон окна просмотра. Есть идеи?

http://phostercreative.com/test/

Brian

Answer 1

Если я вас правильно понял, вы хотите переместить значок воспроизведения, чтобы 15px от правой нижней части страницы, и он исчезает, когда достигаются нижние колонтитулы?

Самый простой способ идти о том, что это сделать кнопку сама позиционируется абсолютно:

.fixed-button { 
    position: absolute; 
    right: 15px; 
    bottom: 15px; 
} 

Обратите внимание, что position: absolute будет делать это не останавливаться на сноске. Чтобы обойти это, вы можете использовать float: right, но вам нужно будет изменить jSticky для работы с bottom, а не top. Я не знаком с jSticky, но изменение, которое даст желаемый результат.

Надеюсь, это поможет! :)