Создать ответ 
Ссылка на конкретный "Заголовок, материал" на странице без "#"
Автор Сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #1
Ссылка на конкретный "Заголовок, материал" на странице без "#"
Перенес комментарий из темы Приклеивающееся или прилипающее меню, т.к. он не совсем относится к данной теме.

(16.12.2014 01:31:27)Артём писал(а):Администратор, подскажите пожалуйста как сделать ссылку на конкретный "Заголовок, материал" который расположен на странице без дополнительной добавляющей ссылки "#" то есть пример вот такой css-tricks.com/examples/SmoothPageScroll/ и тут описано css-tricks.com/snippets/jquery/smooth-scrolling/ но я не могу реально разобраться, все по шагам так сказать.
Администратор! Я хочу вам помочь, скиньте номер Яндекс кошелька, внесу свой маленький вкладик в ваше благополучие.

P.S. Ссылки сделал не активными.
16.12.2014 22:27:48
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #2
RE: Ссылка на конкретный "Заголовок, материал" на странице без "#"
Не совсем понял как именно нужно Вам сделать, т.к. Вы пишете что Вам нужно без дополнительной добавляющей ссылки "#", а в примере на приведенной Вами страничке имеются ссылки с "#".

Если же Вам нужно в точности, как на страничке примера (css-tricks.com/examples/SmoothPageScroll/), то тогда скопируйте себе JavaScript код:

Код:
<script type="text/javascript">
$(document).ready(function(){
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
   if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
            $('html,body').animate({ scrollTop: target.offset().top }, 1000);
            return false;
        }
    }
  });
});
});
</script>

Ссылки на материалы делайте следующим образом:
Код:
<h1 id="top">Smooth Page Scrolling</h1>
<a href="#two">Scroll to Section Two</a>
<a href="#three">Scroll to Section Three</a>

Якоря (заголовки материалов) так:
Код:
<h1 id="two">Section Two</h1>
<a href="#top">Top</a>


<h1 id="three">Section Three</h1>
<a href="#top">Top</a>

Просто скопировал из исходного кода приведенного Вами примера.

P.S. Яндекс Деньгами не пользуюсь, могу только в ЛС скинуть реквизиты WebMoney.
16.12.2014 22:42:17
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


Пользователи просматривают эту тему: 1 Гость(ей)


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru