Fover, на аватарке не чего не появляется :скрипт видемо реально не пашет перепробывал все
Общие вопросы от новичков>>
Сообщений 11 страница 17 из 17
Поделиться122012-10-20 07:30:36
- Участник
- Откуда: Украина, Донецк
- Зарегистрирован: 2012-10-18
- Приглашений: 0
- Сообщений: 23
- Уважение: +0
- Позитив: +0
- Пол: Мужской
- Провел на форуме:
5 часов 18 минут - Последний визит:
2012-12-19 17:01:05
skee, ссылку на форум, скрипт тестировался.. работает
и укажите ваш браузер
Поделиться132012-10-20 07:37:04
- Участник
- Откуда: Украина, Донецк
- Зарегистрирован: 2012-10-18
- Приглашений: 0
- Сообщений: 23
- Уважение: +0
- Позитив: +0
- Пол: Мужской
- Провел на форуме:
5 часов 18 минут - Последний визит:
2012-12-19 17:01:05
skee,
В хтмл верх
<style>
#back-top {
position: fixed;
bottom: 420px;
right: 30px;
}
#back-down {
position: fixed;
bottom: 310px;
right: 30px;
}
#back-top span {
width: 100px;
height: 120px;
display: block;
background: transparent url(картинка стрелки вверх) no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-down span {
width: 100px;
height: 120px;
display: block;
background: transparent url(картинка стрелки вниз) no-repeat center center;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
</style>
В хтмл низ
Код:
/* кнопка вверх */
<p id="back-top">
<a href="#top"><span></span></a>
</p>
/* кнопка вниз*/
<p id="back-down">
<a href="#down"><span></span></a>
</p>
/* кнопка вверх скрипт*/
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
/* кнопка вниз скрипт*/
<script>
$(document).ready(function(){
// hide #back-down first
$("#back-down").hide();
// fade in #back-down
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 0) {
$('#back-down').fadeIn();
} else {
$('#back-down').fadeOut();
}
});
// scroll body to 3000px on click
$('#back-down a').click(function () {
$('body,html').animate({
scrollTop: 3000
}, 800);
return false;
});
});
});
</script>Поделиться142012-10-21 09:39:40
Fover, ссылка на форум http://forum-people.ru/ браузер IE9 ; Safari ; google хром
Поделиться152012-10-22 17:51:09
- Администратор
- Откуда: Кемерово
- Зарегистрирован: 2012-10-11
- Приглашений: 0
- Сообщений: 154
- Уважение: +1
- Позитив: +8
- Пол: Мужской
- Возраст: 31 [1994-04-18]
- Провел на форуме:
1 день 12 часов - Последний визит:
2013-04-17 20:30:36
skee, Ваш вопрос решен? Или все же еще нет? Если нет то постараемся помочь уже мы сами!
Поделиться162012-10-26 10:46:34
Fover, можно сделать так чтобы кнопка вверх и вниз не вмести появлялись а по отдельности если вверх то одна ессли в низ то другая
а по поводу скрипта онлайн то он показывается не увсех у одних видно что он всети у других нет
примерно как тут - http://ru.myip.ms/
Отредактировано skee (2012-10-26 17:55:27)
Поделиться172012-11-17 13:59:11
помогите разобратся с этим скриптом стрелочки вверх и вниз вот как на видео смотрите с 20сек
сайт разрабочика http://scrolltotopbutton.com/
вот тут скрипт но не пойму как его поставить на форум https://github.com/codysherman/Scroll-t … -Extension
кто сможет помогите : спасибо зарание (хочу поставить такой скрипт чтобы не устанавливать всем его в браузер и тд)
