美文网首页
简书demo

简书demo

作者: 呆小狼 | 来源:发表于2017-09-22 11:09 被阅读0次

    VUE项目里写锚链接

    HTML

    <a href="javascript:void(0)" @click="goAnchor('#anchor')"> 灰啊灰啊我的骄傲放纵</a>
    <div class="footer" id="anchor">到我这里来</div>
    

    JS

    goAnchor(selector) {
                var anchor = this.$el.querySelector(selector)
                document.body.scrollTop = anchor.offsetTop
            },
    

    以上在FireFox有BUG,修复如下:

    document.documentElement.scrollTop = anchor.offsetTop; // firefox
    

    刷新页面功能最简单的方法

    <a href="" > 刷新页面</a>
    

    相关文章

      网友评论

          本文标题:简书demo

          本文链接:https://www.haomeiwen.com/subject/wboxextx.html