99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章給大家分享的是有關(guān)遮罩層+Iframe如何實現(xiàn)界面自動顯示的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

效果

在教師評閱作業(yè)時，先把學(xué)生的作業(yè)展現(xiàn)出來，然后關(guān)掉界面進(jìn)行評分
（用百度主頁做演示）

Iframe

iframe 用于在網(wǎng)頁內(nèi)顯示網(wǎng)頁，實現(xiàn)它的方法有多種：

URL 指向隔離頁面的位置，由于當(dāng)時對src有誤解，所以沒有選用這種方法。

點擊查看

  public load() {
    this.workService.getById({id: this.params.workId})
      .subscribe((data) => {
        this.work = data;
        this.goToWork();
      }, () => {
        console.log('error');
      });
  }

goToWork(): void {
this.linkToWork.nativeElement.click();
}

當(dāng)時出來的效果是這樣的但是有很大的缺陷，就是顯示網(wǎng)頁的窗口很小，學(xué)生的作業(yè)根本看不全，需要拖動底部和側(cè)欄的滾動條。

Iframe + 遮罩層

遮罩層就是為了把下方的界面擋起來，然后讓ifream的內(nèi)容顯示在遮罩層上，以實現(xiàn)全屏顯示學(xué)生作業(yè)內(nèi)容的效果，代碼如下：

 
點擊查看