有谁知道如何创建一个网络链接,该链接可在单击时打开一个嵌入到特定页面的Google驱动器文件?

问题描述

我有一个网站,我现在已经在其中通过Google驱动器上传了笔记,我想创建一个表并建立索引表,这样当有人单击第1章而不是第1章开头时,页面将以pdf打开,而当第2章不是该章开头时。 2页将以pdf打开,现在出现了问题,我想制作第1章和第2章这样的网络链接,单击特定页面将以pdf打开,但是由于iam使用Google驱动器共享链接(URL结尾的#page = 3)而不是工作,有人知道解决这个问题的方法吗?

<style>
        .center-block-horiz {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .set-margin-cicis-menu-to-go {
        margin: 20px;
    }
    .set-padding-cicis-menu-to-go {
        padding: 20px;
    }
    .set-border-cicis-menu-to-go {
        border: 5px inset #4f4f4f;
    }
    set-Box-shadow-cicis-menu-to-go {
        -webkit-Box-shadow: 4px 4px 14px #4f4f4f;
        -moz-Box-shadow: 4px 4px 14px #4f4f4f;
        Box-shadow: 4px 4px 14px #4f4f4f;
    }

    /*
    ** Style the iframe
    ** =========================
    */
    /*
        css commmon to all iframes
    */
    .responsive-wrapper {
        position: relative;
        height: 0;    /* gets height from padding-bottom */
        overflow: hidden;
        /* put following styles (necessary for overflow and
           scrolling handling) inline in .embed-responsive-element-wrapper around iframe because not stable in CSS
          -webkit-overflow-scrolling: touch;
                            overflow: auto; */
    }
    .responsive-wrapper img,.responsive-wrapper object,.responsive-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        border-style: none;
        padding: 0;
        margin: 0;
    }

    /*
        css particular to this iframe
    */

    #Iframe-Cicis-Menu-To-Go {
        max-width: 666.67px;
        max-height: 600px;
        overflow: hidden;
    }
    /*
       padding-bottom = h/w as %
    */
    .responsive-wrapper-padding-bottom-90pct {
        padding-bottom: 90%;
    }
</style>
<div id="Iframe-Cicis-Menu-To-Go" class="set-margin-cicis-menu-to-go set-padding-cicis-menu-to-go set-border-cicis-menu-to-go set-Box-shadow-cicis-menu-to-go center-block-horiz">
    <div class="responsive-wrapper 
       responsive-wrapper-padding-bottom-90pct"
       style="-webkit-overflow-scrolling: touch; overflow: auto;">
       <iframe src="https://drive.google.com/file/d/1d0J1E-dE6qZWgGfTqlVX1QtczQLQYLyH/preview" >
        <p style="font-size: 110%;"><em><strong>ERROR: </strong>  
  An &#105;frame should be displayed here but your browser version does not support &#105;frames.</em> Please update your browser to its most recent version and try again,or access the file <a href="https://drive.google.com/file/d/1d0J1E-dE6qZWgGfTqlVX1QtczQLQYLyH/preview"</a></p>
      </iframe>
    </div>
  </div>
  <A HREF="https://drive.google.com/file/d/1d0J1E-dE6qZWgGfTqlVX1QtczQLQYLyH/preview#page=4">  click here to open page 4</A>

e。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)