Jump to content
  • 0
Sign in to follow this  
Юлия Л.

Элемент отображающийся внизу экрана при любом разрешении монитора, но при прокрутке уезжающий вверх. Как?

Question

Приветствую. Помогите советом, пожалуйста.

Собственно, весь вопрос находится в заголовке. Визуально это выглядит Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

6 answers to this question

Recommended Posts

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
3 часа назад, Алексей Чувелев Greymouse2 сказал:

скриптом если только.. прыгание то точно скриптом реализовано

Никаких скриптов. Чистый css.

4 часа назад, Юлия Л. сказал:

Помогите советом, пожалуйста.

Один из вариантов ( с учетом особенностей Музы): Вам надо написать код для первого блока, что бы сделать его 100% высоты (1) и для стрелки ( в моем случае желтый прямоугольник 2)

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
<style>
.fullHeight {
height: 100vh !important;
}
.arrowDown {
position: absolute !important;
bottom: -90vh;
</style>

Пример: Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
5 часов назад, Павел Хомерики сказал:

Никаких скриптов. Чистый css.

Один из вариантов ( с учетом особенностей Музы): Вам надо написать код для первого блока, что бы сделать его 100% высоты (1) и для стрелки ( в моем случае желтый прямоугольник 2)

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

<style>
.fullHeight {
height: 100vh !important;
}
.arrowDown {
position: absolute !important;
bottom: -90vh;
</style>

Пример: Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

гм, интересно.. я немного по другому пробовал - получилось дико криво..

если прыгание кнопки не нужно - вполне адекватное решение.. утащу к себе.. пригодится ))

Share this post


Link to post
  • 0
2 часа назад, Алексей Чувелев Greymouse2 сказал:

прыгание кнопки

И прыгание кнопки не скрипт. Это svg анимация. То есть всё закодировано в самом изображении. Делается довольно просто

Share this post


Link to post
  • 0
52 минуты назад, Павел Хомерики сказал:

И прыгание кнопки не скрипт. Это svg анимация. То есть всё закодировано в самом изображении. Делается довольно просто

не .. там css анимацией сделано .. 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. строка 449. блин так просто..

Цитата

.r_header .arrow {
    width: 100%;
    height: 60px;
    background-image: url('img/strelkadown.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: -60px;
    animation:mymove 2s infinite;
    -moz-animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite;

}

/* Arrow */
@keyframes mymove {
    0% {bottom:0px;}
    50% {bottom:10px}
    100% {bottom:0px;}
}
@-webkit-keyframes mymove {
    0% {bottom:0px;}
    50% {bottom:10px}
    100% {bottom:0px;}
}

надо будет попробовать с SVG анимацией  поиграться. реально интересная идея

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...