vue监听iframe滚动触底，弹出提示

Question

告知书应强制拉到末尾方能确认以证明客户完整阅读，没有到底的话弹出提示‘请完整阅读告知书’

<a href="javascript:;" @click.stop="lookpdf()" style="color: red;">《告知书》</a>

<div class="layer_pdf" v-if="ispdf" @click="layerclose">
            <div class="layer_pdf_main">
                <!-- <img class="close" src="images/close.png" alt="" @click="ispdf = false"> -->
                <iframe id="bdIframe" ref="iframe" frameborder="0" width="100%" height="100%" :src="pdfurl" style="width: 100%;" :height="iframeHeight"
                @load="pageLoadFn"></iframe>
                <button @click="layerclose">我已阅读并同意</button>
            </div>
        </div>

var noticeVue = new Vue({
    el: '#list',
data: function () {
        return {
            ispdf: false,
            pdfurl: "",
            pdfnum: 0,
            iframeHeight: 0,
            ischecked: false,
        }
    },
 methods: {
layerclose() {
            this.pdfnum++;
            this.ispdf = false;
        },
        lookpdf() {
            this.pdfnum++;
            this.ispdf = true;
            this.pdfurl = commonhref + 'generic/web/viewer.html?file=' + encodeURIComponent(pdfhref + version) + '&pageName=pdfDown';
            this.ischecked = true;
        },
}

Answer 1

获取滚动条位置就行了吧