Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Доработка] Скролл страницы вверх ! новая фишка


Recommended Posts

Нашёл интересную фишку . В footer вставляется ссылка(кнопка) при нажатии на которую страница автоматически пролистывается в самый верх . Это удобно когда страница очень длинная и в момент нахождения на самом её низу возникает необходимость вернуться в самый верх .

Перед тегом </body> и после последнего div в footer.tpl добавляем:

<p>[url="#top"]?’???µ???…[/url]</p>

и в том же файле после тега </html> добавляем код:

<script type="text/javascript">$(document).ready(function(){   $(".scroll").click(function(event){      //prevent the default action for the click event      event.preventDefault();      //get the full url - like mysitecom/index.htm#home      var full_url = this.href;      //split the url by # and get the anchor target name - home in mysitecom/index.htm#home      var parts = full_url.split("#");      var trgt = parts[1];      //get the top offset of the target anchor      var target_offset = $("#"+trgt).offset();      var target_top = target_offset.top;      //goto that anchor by setting the body scroll top to anchor top      $('html, body').animate({scrollTop:target_top}, 500);   });});</script>

А вообще эту фишку можно поставить и вниз блока контента , оформить кнопкой , прописать свои стили!!!

Надіслати
Поділитися на інших сайтах


  • 8 months later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.