GoodProject
@GoodProject
Верстальщик

BrowserSync при обновлении CSS прыгает страница?

Доброе. При обновлении страницы через gulp + browserSync прыгает страница в самый верх, хотя редактирую footer, такое происходит именно с CSS, и через раз, притом когда это случается кнопки на сайте прыгают (расширяются как бы и происходит такая вспышка белая, как будто по новой страницу обновили), гуглил, у многих такая проблема, но решение так никто и не написал.. ( очень неудобно, приходится в самый низ скролить..

gulp.task('sass', function () {
  return gulp.src('app/sass/*.scss')
    .pipe(sass({
      outputStyle: 'expanded',
      indentType: 'tab',
      indentWidth: 1
    }).on('error', function (err) {
      console.error(err.message);
      browserSync.notify(err.message, 3000);
      this.emit('end');
    }))
    .pipe(autoprefixer(['last 15 versions'], {
      cascade: true
    }))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({
      stream: true
    }));
});

gulp.task('watch', ['browser-sync', 'css-libs', 'scripts'], function () {
  gulp.watch('app/sass/*.scss', ['sass']);
  gulp.watch('app/*.html', browserSync.reload);
  gulp.watch('app/js/*.js', browserSync.reload);
});
  • Вопрос задан
  • 220 просмотров
Решения вопроса 1
GoodProject
@GoodProject Автор вопроса
Верстальщик
Если у кого то будет подобная проблема - скачок вверх происходил из за компиляции media.scss, не знаю почему, но удалил файл с медиа запросами и всё стало норм, притом там небыло никаких правил кроме обычного шаблона под разные разрешения, но они были все пустые.. в общем в этом дело было) ну ничего, буду напрямую в media.css писать, scss не очень то и нужен в медиа запросах
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы