Остановка темпа на плавных ссылках
Я пытаюсь остановить загрузку 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