Почему не работает скрол?

Question

[Hyubert]

почему это не работает? Может вы знаете готовое решение одностраничного скрола?

плагины не нужны, в них много лишнего и трудно разобраться.

codepen.io/anon/pen/KVQGpG

$(document).ready(function(){
    $(document).on('mousewheel DOMMouseScroll', function (e) {
      e.preventDefault();
        $('html, body').animate({
            scrollTop: 1000
        }, 1000, function() { });
    });
)};

Answer 1

[Пашенька]

Ну во первых: как это должно работать? При любом скролле(mouse wheel/scrollbar) Добавлять ещё 1000? оО А может нужно отрубить нативный скролл для начала и забиндить на мышиные собития например? То, что вы написали, работать не будет впринципе.
Во вторых в jQ для этого есть анимируемое свойство scrollTop
В третьих jQ - отстой. Писать надо через requestAnimationFrame
Исправленный ваш вариант, но это справедливо только для мышиного колеса.

$(document).ready(function(){
  var pos = 0;
    $(document).on('mousewheel DOMMouseScroll', function (e) {
      pos += 1000;
      e.preventDefault();
        $('html, body').animate({
            scrollTop: pos
        }, 1000, function() { });
    });
});

Comments

[Hyubert]

В каком другом?

[Пашенька]

Hyubert: обновил

[Hyubert]

like-a-boss: жаль это не совсем то что искал, прийдотса по другому реализововать задумку,
кстати Вы не знаете , как делится события scroll в DOM, или как к нему обращаться?

[Пашенька]

Hyubert: По вашему вопросу, я понял, что вы не понимаете события скролл, а так же я не понял цели, которую вы преследуете. Попробую объяснить: Это прежде всего СОБЫТИЕ, а не прокрутка документа. Событие скролл возникает в следствии любой прокрутки документа(колесо мыши/скроллбар/клавишей на клавиатуре/тачем на соответствующем устройстве).
Нельзя вот просто так повесить на scroll обработчик и думать что любая прокрутка будет анимирована. НО вы можете запросто получить текущую позицию прокрутки и делать с ней что угодно. Если задача смягчить скролл, то нужно вешать обработчики для тех событий, которые являются причиной возникновения scroll event(в моём примере я сделал это для колеса мыши), отменять их и писать свою логику прокрутки, но я полагаю вам пока рановато. Есть lightweigth smooth scroll plugins для этого. Смотрите в консоль как работает событие

$(document).on('scroll', function () {
            console.log( 'current scroll: ' + $(window).scrollTop() );
    });

[Hyubert]

like-a-boss: это я понимаю, он идет по 100px , а как мне сделать его например сразу 500px?

[Пашенька]

Hyubert: Опять же по 100 он кода идёт? Если крутить колесом. Значит нужно отключить нативную прокрутку колесом и написать вместо неё свою логику.
Вот туторил, например www.kirupa.com/html5/smooth_parallax_scrolling.htm

[Hyubert]

like-a-boss: можно еще 1 вопрос?

[Пашенька]

Hyubert: валяйте

[Hyubert]

like-a-boss: есть 3 блока с анкорами , анкоры срабатывают при скролле, все идет нормально , до последнего блока, если листнуть еще в низ то, вернется на 1 блок, как ето убрать?

[Пашенька]

Hyubert: нужно код смотреть, так я ничего не могу сказать)

[Hyubert]

like-a-boss: Как убрать баги при работе skroll?

[Пашенька]

Hyubert: у меня не возвращается на первую секцию ни в одном из двух кодпенов

Answer 2

[Ivanq]

Синтаксис?

$(document).ready(function(){
    $('body').scroll(function () {
        $(this).animate({
            scrollY: '+=1000'
        }, 1000, function() { });
    });
)};

Comments

[Hyubert]

не помогло

[Ivanq]

Hyubert: А что в консоли?

[Hyubert]

Ivanq: добавил скрин