Прокрутка страницы, исчезающие стрелки.

[Alex]

Алекс,а как стрелки ты сделал,чтобы верхняя вверху исчезала,а нижняя исчезала внизу?

Уже не помню, но вроде это:

<a style='position: fixed; bottom: 94px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="images/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="images/down.png" alt="Вниз" title="Вниз">
</a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

Думаю сам разберёшься, где пути для картинок и их название, параметры отступа и т.д.

[Конструкторщик]

Алекс,а как стрелки ты сделал,чтобы верхняя вверху исчезала,а нижняя исчезала внизу?

Уже не помню, но вроде это:

<a style='position: fixed; bottom: 94px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="images/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="images/down.png" alt="Вниз" title="Вниз">
</a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

Думаю сам разберёшься, где пути для картинок и их название, параметры отступа и т.д.

Спасибо Алекс,кое-как но разобрался-заработало.

[Lokos]

Алекс,а как стрелки ты сделал,чтобы верхняя вверху исчезала,а нижняя исчезала внизу?

Уже не помню, но вроде это:

<a style='position: fixed; bottom: 94px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="images/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="images/down.png" alt="Вниз" title="Вниз">
</a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

Думаю сам разберёшься, где пути для картинок и их название, параметры отступа и т.д.

Воспользовался Вашим кодом (вставил html код на страницу), скачал изображения стрелок, но изображения стрелок нет.
Менял даже пользователя Windows, чтобы все было на латинице - не помогло.
Закинул в папку с сайтом - не помогло.
Какой должен быть путь?
У меня так:

Код: Выделить всё

<img src="C:\Users\Igor\Desktop\LP\full_uz\images\up1.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="C:\Users\Igor\Desktop\LP\full_uz\images\down1.png" alt="Вниз" title="Вниз">
</a>

[Alex]

А теперь ещё раз посмотрите код и подумайте, причем здесь путь на вашем ПК если на сайте надо использовать относительный.

<a style='position: fixed; bottom: 94px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="images/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="images/down.png" alt="Вниз" title="Вниз">
</a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

[Lokos]

А теперь ещё раз посмотрите код и подумайте, причем здесь путь на вашем ПК если на сайте надо использовать относительный.

<a style='position: fixed; bottom: 94px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="images/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="images/down.png" alt="Вниз" title="Вниз">
</a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

Разобрался, спасибо за подсказку.

[pawellcom]

(А теперь) подскажите, пожалуйста, чайнику в какое место кода страницы надо вставлять?

[Alex]

Я ставил здесь:

[diEGO]

Alex, все перепробовал, я так же как и прошлый паря забил сюда адрес с ПК

<img src="images/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 10px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="images/down.png" alt="Вниз" title="Вниз">

Вроде бы и при предварительном просмотре все норм кажет но как выгружаю, иконок нет, только призрачные "вверх/вниз".
Прчитал дальше, понял что не то прописал, но я не могу понять куда иконки бросать или какой путь прописывать... короче помогите чайнику!!! Пожалуйста!)

[Alex]

Какой путь вам хочется, такой и прописывайте, главное изображение кнопок чтобы там находилось, в моём случае это images/

[diEGO]

Alex, у меня видимо что то вообще нетак! Путь к картинкам прописал тот что нужен, и когда предварителный просмотр включаю, все норм показывает. Когда же выгружаю сайт на хостинг, показывает только силуэт стрелок, вот- http://9sumok.ru/katalog_tovara.php.
У меня на самом деле это пол-беды! Скачал на одном из сайтов "плавающее меню" его тоже можно увидеть справа по центру на странице, там та же бабуйня! Не отображается! Было дело плюнул на это меню и решил сделать свое путем создания "слоя" и поставив в параметрах "липкий слой", иииии... та же шляпа! В предпросмотре все робит, а при выгрузке стоит на месте....
Я впадаю в отчаяние смешанное с унынием. Помогите с этими проблемами, сам уже все (что понимаю) перепробывал!

[Конструкторщик]

Alex, у меня видимо что то вообще нетак! Путь к картинкам прописал тот что нужен, и когда предварителный просмотр включаю, все норм показывает. Когда же выгружаю сайт на хостинг, показывает только силуэт стрелок, вот- http://9sumok.ru/katalog_tovara.php.
У меня на самом деле это пол-беды! Скачал на одном из сайтов "плавающее меню" его тоже можно увидеть справа по центру на странице, там та же бабуйня! Не отображается! Было дело плюнул на это меню и решил сделать свое путем создания "слоя" и поставив в параметрах "липкий слой", иииии... та же шляпа! В предпросмотре все робит, а при выгрузке стоит на месте....
Я впадаю в отчаяние смешанное с унынием. Помогите с этими проблемами, сам уже все (что понимаю) перепробывал!

А должны эти картинки (со стрелками) находится на хостинге.
И ссылка будет совсем иной.
Примерно так:
http://9sumok.ru/katalog_tovara.php/up.png
или если картинки (со стрелками) кинешь в папку images,то ссылка на картинку будет такой
http://9sumok.ru/katalog_tovara.php/images/up.png
------------------------------
Короче говоря,если ты вставлял код (Алекса),который приведен выше ,то просто скопируй эти стрелки (картинки) в папку images (туда где все картинки сайта) и залей эту папку на хостинг.Все заработает.

[diEGO]

Спасибо за кропотливый и конструктивный ответ! Все же это не все.. Дело в том что изначально они у меня лежали в папке "images" просто пробывал разные варианты, в конце концов мы на пару с отчаянием решили заглянуть в папку "games".. Я видимо в корне что то не то делаю видимо в силу того что чего то не знаю, в смысле как можно залить эти картинки на хостинг. Ведь все остальное (фото ии.. фото) я заливал обычным способом.. блин, да они сами заливались (копировались) в папку с сайтом стоило мне щелкнуть на фото где бы оно не находилось. Может это черезчур, но прошу Вас мне помочь (пошагово) как это сделать все же.. путь у меня сейчас такой-"C:/Users/Денис/Desktop/сумки2/images/up.png" а работать не работает. Я понимаю что делаю что то не так, так как "Конструкторщик" мне ясно дал понять (помимо того что я лох), что должно получится "http://9sumok.ru/katalog_tovara.php" с "/up.png" в конце. Но уж хоть убей я этого не понимаю как сделать( Не комельфо так все оставлять. Помогите чтобы я больше не занимался сексом с вашими и своим мозгом по этому поводу.

[Конструкторщик]

1.Опубликуй сначала свой сайт в папку на компьютере.
2.Скачай вот эту прогу (и через нее заливай сайт на хостинг).
3.Добавь свои стрелки в папку images и залей эту папку на хостинг через выше указанную прогу.

[diEGO]

Спасибо огромное за терпение и внимание к моей персоне!!) Все заработало!!!))

[Конструкторщик]

[diEGO]

Еще раз здравствуйте)
Теперь другой вопрос. Сделал все как вы указали (понял это исходя из того что все заработало). Переходя на эту страницу: http://www.9sumok.ru/katalog_tovara.php (на которой и размещаются кнопки) у меня не работает галерея, т е она в предпросмотре работает и только. Когда я с панели "head" стер код от "плавающего меню", галерея опять начала работать в обычном режиме..
Че за п..?? Только со мной по ходу может такое случиттся!..)) Я вставил код назад на данный момент. При щелчке на картинку, браузер опять открывает её в новом окне, при этом очень неудобно рассматривать эти картинки где не видно ни цены ни то как заказать.. возвращаться.. В общем с этим что то можно сделать или мне придется удалить меню?(

[Конструкторщик]

Еще раз здравствуйте)
Теперь другой вопрос. Сделал все как вы указали (понял это исходя из того что все заработало). Переходя на эту страницу: http://www.9sumok.ru/katalog_tovara.php (на которой и размещаются кнопки) у меня не работает галерея, т е она в предпросмотре работает и только. Когда я с панели "head" стер код от "плавающего меню", галерея опять начала работать в обычном режиме..
Че за п..?? Только со мной по ходу может такое случиттся!..)) Я вставил код назад на данный момент. При щелчке на картинку, браузер опять открывает её в новом окне, при этом очень неудобно рассматривать эти картинки где не видно ни цены ни то как заказать.. возвращаться.. В общем с этим что то можно сделать или мне придется удалить меню?(

Видимо коса на камень нашла (возможно конфликт скриптов-бывает и такое),т.ч. придется от чего-нибудь отказаться..

[diEGO]

Ясно( В таком случае может посоветуете как можно самому сделать плавающий слой (или меню)? У меня при выгрузки он (слой) на месте остается. А для моей страницы плавающее на уровне глаз меню заявкой очень важно.

[gladiolus0707]

Ясно( В таком случае может посоветуете как можно самому сделать плавающий слой (или меню)? У меня при выгрузки он (слой) на месте остается. А для моей страницы плавающее на уровне глаз меню заявкой очень важно.

Прикрепляющийся слой используйте

[diEGO]

Спасибо всем огромное!!!