Остановка темпа на плавных ссылках

Я пытаюсь остановить загрузку pace.js, когда пользователь нажимает на ссылки Smoothstate.

Я думал, что вызывая Pace.stop внутри smoothscroll по событиям, используя настройку игнорирования, но событие все равно срабатывает.

 $('.chronology-nav a').click ->
    Pace.stop

onStart:
      duration: 2000
      render: ($container) ->
        $container.addClass 'is-exiting'
        $('body').removeClass('done')
        Pace.stop

ХОРОШО. Таким образом, я нашел решение немного хакерским, но для всех, кто борется с этим. Я добавил класс к телу в методе onStart для smoothstate и в css сделал div прогресса в отображении: нет

Фрагмент кодового кода

onStart:
      duration: 2000
      render: ($container) ->
        # add the tag that hides pace
        $('body').addClass('chronologyStart')
        $container.addClass 'is-exiting'
        Pace.stop
    onProgress:
      duration: 0
      render: ($container) ->
        Pace.stop
        $container.hide()
        return
    onReady:
      duration: 0
      render: ($container, $newContent) ->
        Pace.stop
        $container.show()
        smoothState.restartCSSAnimations()
        $('body').removeClass('chronologyStart')
        $container.html $newContent
        $container.removeClass 'is-exiting'
        return

0 ответов

Другие вопросы по тегам