Скрипт прокрутки вверх

babanovao · 2014-03-23T08:53:55.0000000Z

Здравствуйте! На данный момент у меня стоит кнопка прокрутки страницы "вверх". Когда прокручиваешь страницу вниз на определенное кол-во пикселей - слева на всю длину экрана появляется блок белого цвета с прозрачностью 0, то есть его не видно, но когда наводишь на него мышку - он приобретает прозрачность 0.1% и становится его видно, при нажатии страница прокручивается вверх. Как добавить текст на этот блок, чтобы он был постоянно виден? На данный момент при наведении мышки у меня так: А нужно сделать, чтобы всегда был текст или картинка: При наведении мышки картинка не исчезала, не меняла прозрачность, ничего чтобы не происходило, а просто сзади появлялся этот блок, который сейчас есть, вот так: На данный момент у меня так: .pageScroller {border-top:0px solid #d9d9d9;box-shadow:inset 0 1px 0 0 #fff;} .pageScroller a {background:#fff; opacity: 0;display:block;width:88px;height:100%;text-indent:-999px;outline:none; position:fixed; left:0px; bottom: 1px; z-index:9998;} .pageScroller a:hover {background-color:#fff; opacity: 0.1} main.tpl <div class="pageScroller"> <a id="tooTop" href="#page"></a> </div>

B

12

babanovao

24 марта 2014, 08:50

#11

Gug007:
Картинку нужно вставить в ссылку


.pageScroller {position:fixed;width:88px;height:100%; left:0px; bottom: 1px; box-shadow:inset 0 1px 0 0 #fff;}

.optScroller {background:#fff; width:88px;height:100%;opacity: 0; z-index:99;}

.pageScroller:hover {background-color:#fff; opacity: 0.9}

.knpk{display:block;outline:none;position:fixed;z-index:100;

top: 50%;left:11px;}


<div class="pageScroller">

 <div class="optScroller"></div>

 <a id="tooTop" class="knpk" href="#page"><img src="{THEME}/images/up.png"/></a>

</div>

Работает, но при наведении мышки на блок - картинка исчезает.. У меня так было вначале, а мне нужно чтобы картинка не исчезала, не меняла цвет.

G0

12

Gug007

24 марта 2014, 09:44

#12

babanovao:
Работает, но при наведении мышки на блок - картинка исчезает..


.pageScroller {position:fixed;width:88px;height:100%; left:0px; bottom: 1px; box-shadow:inset 0 1px 0 0 #fff;}

.optScroller {background:#fff; width:88px;height:100%;opacity: 0; z-index:99;}

.pageScroller:hover .optScroller{background-color:#fff; opacity: 0.3}

.knpk{display:block;outline:none;position:fixed;z-index:100;

top: 50%;left:11px;}

1

B

12

babanovao

24 марта 2014, 11:07

#13

Gug007:


.pageScroller {position:fixed;width:88px;height:100%; left:0px; bottom: 1px; box-shadow:inset 0 1px 0 0 #fff;}

.optScroller {background:#fff; width:88px;height:100%;opacity: 0; z-index:99;}

.pageScroller:hover .optScroller{background-color:#fff; opacity: 0.3}

.knpk{display:block;outline:none;position:fixed;z-index:100;

top: 50%;left:11px;}

Cпасибо большое! Работает все

A1

48

Artem1985

24 марта 2014, 11:13

#14

babanovao:
Вот почему? Сколько код смотрел, проверял антивирусами - все нормально. Нод блочит, уже не первый человек говорит..

ESET тоже ругается. На первые три картинки в первом посте. Наверно в них проблемы.

B

12

babanovao

24 марта 2014, 17:22

#15

Artem1985:
ESET тоже ругается. На первые три картинки в первом посте. Наверно в них проблемы.

Хм, в первом посте всего одна картинка... Можно ссылку на пост?

Что делать, чтобы попасть в ответы Google Bard

Дзен реализовал для авторов возможность вывода денег через СПБ