Перейти к содержимому



Как поднять страницу вверх ?

#1

Поделиться сообщением #1



Napoleon-007

Napoleon-007
  • Пользователь
  • 397 сообщений
  • Репутация: 8
0

Отправлено 06 Апрель 2014 - 22:27

Всем доброго Дня ! Продолжая модернизировать свой сайт, у меня возникают новые вопросы по его доработке ! У меня на некоторых страницах размещены фотографии от 10 - 40 штук. Например Свадьба  Там где фотографий много, занудно листать фотографии вверх и вниз. Я посмотрел в Интернете и не нашел ничего интересного и подходящего, для поднятия страницы вверх нажав на стрелку, которая как правило размещается в правом нижнем углу страницы. Если у кого есть какая интересная информация по этому поводу, буду очень благодарен ! Сайт у меня на HTML


 

 

Сообщение отредактировал Napoleon-007: 06 Апрель 2014 - 22:28

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Таблица в самом верху
  2. Быстрая верстка страниц сайта с помощью HTML-KickStart
  3. Как поднять посещаемость молодому сайту
  4. Выравнивание баннера
  5. Как выровнять виджет одноклассников по центру?

#2

Поделиться сообщением #2



Ixman

Ixman
  • Пользователь PRO
  • 2 595 сообщений
  • Репутация: 627

Отправлено 06 Апрель 2014 - 22:50

http://alaev.info/blog/post/4381 или я вас не понял?


  • 0


#3

Поделиться сообщением #3



Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 397 сообщений
  • Репутация: 8

Отправлено 06 Апрель 2014 - 22:53

То, что нужно ! Спасибо ! Сейчас почитаю ...Поднимает плавно, это уже радует


  • 0

#4

Поделиться сообщением #4



Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 397 сообщений
  • Репутация: 8

Отправлено 07 Апрель 2014 - 12:03

Ixman а  Вы, сами пробовали установить такую кнопку, а то у меня не работает я уже и не знаю что делать ? Какие jquery подключать. Я использовал 1.7.2.jquery.min.js Буду благодарен за помощь !


  • 0

#5

Поделиться сообщением #5



kamchatniyoleg

kamchatniyoleg
  • Пользователь PRO
  • 1 178 сообщений
  • Репутация: 84

Отправлено 07 Апрель 2014 - 12:19

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

это последняя версия jquery на хосте google


  • 0
Сервис электронного информирования клиентов PostTrail.ru
Отслеживание посылок Почты России в автоматическом режиме! Лояльность клиента - прибыль магазина!


#6

Поделиться сообщением #6



Ixman

Ixman
  • Пользователь PRO
  • 2 595 сообщений
  • Репутация: 627

Отправлено 07 Апрель 2014 - 14:16

Napoleon-007,  я немного другое решение использую. Но думаю, что это вполне рабочее


  • 0


#7

Поделиться сообщением #7



Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 397 сообщений
  • Репутация: 8

Отправлено 07 Апрель 2014 - 19:13

Какое решение если не секрет ? 


  • 0

#8

Поделиться сообщением #8



Ixman

Ixman
  • Пользователь PRO
  • 2 595 сообщений
  • Репутация: 627

Отправлено 07 Апрель 2014 - 20:02

Napoleon-007, этот код в самый верх страницы

<a href="#null" id="top"></a>

а этот вниз страницы

<span id="top-link"><a href="#top"><span class="top"></span></a></span> 

Ну и должна быть подключена jQuery, у меня 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

и следующий скрипт прикрепил к посту

<script src="http://yourDomen.ru/js/button.js"></script>

Да в ссылке 

<span class="top"></span>

это у меня так прописана картинка через css 

Прикрепленные файлы

  • Прикрепленный файл  button.rar   1,42К   Количество загрузок: 111

  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru