Фиксированная позиция на скрытом Контенте должна придерживаться вершины

Question

Фиксированная позиция на скрытом Контенте должна придерживаться вершины

0

translate3d(0%, 0px, 0px); Торможение фиксированной позиции. В моей демонстрации вы должны увидеть, что содержимое на click открывается отлично, но оно должно быть зафиксировано в верхней части фиксированной позиции.

Итак, прокручивая мой контейнер (placekitten images), затем нажмите кнопку, скрытый контент должен открываться всегда с изображением Google, застрявшим сверху.

<html>
<div class="container">placekitten images</div>
<button>LOADED-CONTENT comes in translate3d(0%, 0px, 0px)</button>
</html>

<html>
<div class="sticky">Google  image always on top.</div>
<button>back button slides the loaded content translate3d(100%, 0px, 0px)</button>
</html>

translate3d тормозит фиксированную позицию !!! Как я могу это исправить?

http://jsfiddle.net/J7p99/

Ian Ryan Clarke 14 апр. 2014, в 15:28

Источник

0

возможный дубликат Как открыть скрытый div и держать его в верхней части страницы, как в фиксированной позиции
Just code 14 апр. 2014, в 13:26
0

На самом деле я узнал, что translate3d тормозит положение! так что это другой вопрос. Действительно излишне говорить, что это дубликат!
user1161108 14 апр. 2014, в 13:27

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

возможный дубликат Как открыть скрытый div и держать его в верхней части страницы, как в фиксированной позиции
На самом деле я узнал, что translate3d тормозит положение! так что это другой вопрос. Действительно излишне говорить, что это дубликат!

Ian Ryan Clarke · Accepted Answer · 2014-04-14T11-17-00.000Z

Возможное повторение

В суммировании, translate3d создает новую локальную систему координат, которая отменяет любой атрибут позиции, который вы установили!

В сущности, вместо того, чтобы быть привязанным к окну просмотра, как вы этого хотите (в этом случае оставайтесь на вершине), он фиксирует переведенный элемент!

Я смог найти это, однако, это фиксированная верхняя панель с translate3d(0,0,0)

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

Я посмотрю! Я тоже наткнулся на эту ссылку. дайте-ка подумать. Спасибо за вашу помощь.