浏览器同步滚动无法跨浏览器工作

Question

浏览器同步滚动无法跨浏览器工作

Ted*_*ape 2 vagrant gulp ubuntu-14.04 browser-sync

我一直试图用broswersync解决这个问题几天.任何帮助都将受到高度赞赏.

我的环境:

我在Ubuntu的Windows和我的服务器上是一个流浪盒.我有端口转发,并使用端口3000映射到我的流浪汉端口3000.所以我在主机上使用的URL是http:// localhost:3000/index.html,如果来自外部,那么http:// MY_IP_ADDRESS:3000/index.html

描述:

我有CSS注入,重新加载,表单同步,点击,在所有浏览器和设备上工作.什么是不起作用的是同步滚动,下面是场景.

滚动同步仅适用于Chrome,在桌面模式下,即,如果我在桌面模式下在多个窗口中以chrome打开相同的URL,它可以正常工作.
如果我在Chrome和桌面模式下启用了移动模式,则滚动同步不起作用.
如果我在firefox,safari,IE上打开链接,则滚动同步不适用于它们.
我无法通过在多个设备上打开链接来滚动浏览不同的设备和浏览器.

我的口服:

我在Windows工作,但我的服务器在vagrant/ubuntu上.这是我的浏览器同步和监视的Gulp配置.

// Static server
gulp.task('browser-sync', function () {
        browserSync({
                server: {
                        baseDir: "www"
                },
                ghostMode: {
                        scroll: true
                }
        });
});
// Static Server + watching scss/html files
gulp.task('serve', ['scss'], function () {

        browserSync({
                server: "./www"
        });
        gulp.watch(paths.scss, ['scss',browserSync.reload]);
        gulp.watch(paths.html, ['html',browserSync.reload]);
        gulp.watch(paths.js, ['js',browserSync.reload]);
        //gulp.watch("*.html").on('change', reload);
});

Run Code Online (Sandbox Code Playgroud)

感谢您提前的帮助..

Answer 1

Dre*_*rew 11

我最近也遇到了这个问题.我发现我的问题是没有html5 doctype.

你的网页上有html5文档类型吗？如果没有,请尝试添加一个.

<!DOCTYPE html>

归档时间：	10 年，9 月前
查看次数：	1487 次
最近记录：	7 年，5 月前