Плавная прокрутка при клике

@psevdoiz · Регистрация: 10.07.2018

Здравствуйте!) Делаю якоря через "data" (мне удобнее), хотел сделать плавную прокрутку к объекту с id #three, но ничего не получается( Помогите мне пожалуйста.

https://jsfiddle.net/zdbu3y9e/

HTML5

1
2
3

<div class="case-name" data-href="#three" style="height:1500px;">Список документов</div>
 
<p class="c-title" id="three">Список</p>

Javascript

$('.case-name').on('click', function(e) {
    
    e.preventDefault();
 
    var target = $(this).data('href'),
        offset = $(target).offset().top;
        
 
    $(document).scrollTop(offset);
 
});
 
$(".case-name").on('click', function(e){
  var fixed_offset = 100;
  $('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
  e.preventDefault();
});

@psevdoiz · 21.11.2018, 14:37 **[ТС]**

/dell

@psevdoiz 8 / 5 / 4 Регистрация: 10.07.2018 Сообщений: 89
	21.11.2018, 14:37 [ТС]	2
	/dell 0

Опции темы