单页应用存在 的问题

Posted 2021-03-20 wfblog

一、不利于SEO搜索：这个只能通过服务端渲染进行解决。

二、单页应用中，切换页面，滚动条不能置顶：（这个问题很重要，vue和react都有这个问题，hash 和 browser 模式都存在这个问题）

　　问题描述：上一个页面可以滚动，滚动条滚动到下面。点击跳转的链接，到下一个页面（可以滚动）。滚动条不是置顶的，页面不是从头展示的。https://www.zhihu.com/question/41679526

　　解决方案： 以后再继续研究

    document.documentElement.scrollTop = document.body.scrollTop =0;  // 亲测 不是所有的前面都有效（同一个浏览器同一个项目），具体的应该和页面的布局情况有关
    // 或
    window.scrollTo(0, 0);  // 亲测 不是所有的前面都有效，具体的应该和页面的布局情况有关