Как анимировать прокрутку к началу абзаца внутри div?

Question

Как анимировать прокрутку к началу абзаца внутри div?

0

Я новичок в jQuery, и я не могу получить следующий код для работы. Я хочу оживить прокрутку определенного абзаца в div до вершины, но каким-то образом анимация не запускается.

Пожалуйста, найдите код в этой скрипке:

http://jsfiddle.net/SgNpP/9/

$(document).ready(function(){
$('#div1').scroll(function() {    
  var par1toTop = $('#par1').position().top;
  if ($('#div1').scrollTop() >= par1toTop) {
  var par5toTop = $('#par5').position().top;
      if ($('#div2').scrollTop() != par5toTop && par5toTop != 0) {
          //why can't I animate the scrolling here?
          $('#div2').animate({scrollTop(par5toTop)}, 800);
        }
    }
});
});

Heisenberg 04 окт. 2013, в 17:15

Источник

Теги:

jquery

html

css

1 ответ

Ещё вопросы

adam · Answer 1 · 2013-10-04T12-26-00.000Z

$('#aID').get(0).scrollIntoView();

Это код, который у меня есть, который работает... но ссылки на объект привязки, а не div. Попробуйте это :)

Вы можете установить свой первый элемент с определенным идентификатором или пустой тег привязки... затем выберите его и используйте scrollIntoView

Кроме того, у вас есть еще два варианта.

1) Анимированный scrollintoview() плагин jQuery.

2)

function Scroll_To(elem, pos)
{
    var y = elem.scrollTop;
    y += (pos - y) * 0.3;
    if (Math.abs(y-pos) < 2)
    {
        elem.scrollTop = pos;
        return;
    }
    elem.scrollTop = y;
    setTimeout(Scroll_To, 40, elem, pos);   
}

Обе альтернативы можно найти в этом сообщении: scrollintoview animation