问将html页面加载到html页面会禁用滚动条
EN

Stack Overflow用户

提问于 2019-08-12 17:58:23

回答 1查看 60关注 0票数 0

您好，我有一个名为index.html的html主页面，还有一个id为mirador的新div

在与index.html关联的脚本main.js中，我有：

document.getElementById("mirador").style.visibility = "visible";
$("#mirador").load("mirador.html");

在我加载mirador.html之前，index.html有一个滚动条，但是一旦我加载了mirador.html，这个功能就被禁用了。此外，在index.html中，行的格式会更改ex: colour。以下是mirador.html的代码：

 <!DOCTYPE html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" type="text/css" href="mirador-2.6.1/css/mirador-combined.css">
    <title>Mirador Viewer</title>
    <style type="text/css">
    body { padding: 0; margin: 0; overflow: hidden;}
    #viewer {width: 50%; height: 85%; bottom:0px; right: 20px; position: fixed; }
  </style>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"/>
</head>
<body>
  <div id="viewer"></div>

  <script src="mirador-2.6.1/mirador.js"></script>
  <script type="text/javascript">

    $(function() {
      Mirador({
        "id": "viewer",
        "layout": "1x1",
          "mainMenuSettings" :
          {


                "show": true,
                "buttons" : {"bookmark" : true, "layout" : true},
                "userLogo": {"label": "IIIF", "attributes": {"href": "http://iiif.io"}},
                "userButtons": [
                    {
                        "label": "Stats",
                        "iconClass": "fa fa-chart-pie",
                        "attributes": { "href": "stats/index.html"}
                    },
                    {
                        "label": "Load Annotation List",
                        "iconClass": "fa fa-upload",
                        "attributes": {"href": "populate.html"}
                    },
                    {
                        "label": "Index Manifest",
                        "iconClass": "fa fa-upload",
                        "attributes": { "href": "uploadManifest.html"}
                    },
                ]
          },
          'showAddFromURLBox' : true,
          "saveSession": true,
        "data": [
            { "manifestUri": "http://dms-data.stanford.edu/data/manifests/Walters/qm670kv1873/manifest.json", "location": "Stanford University"},
            { "manifestUri": "http://dms-data.stanford.edu/data/manifests/Stanford/ege1/manifest.json", "location": "Stanford University"},
            { "manifestUri": "http://dms-data.stanford.edu/data/manifests/BnF/jr903ng8662/manifest.json ", "location": "Stanford University"},
            { "manifestUri": "http://dams.llgc.org.uk/iiif/4574752/manifest.json", "location": "National Library of Wales"},
            { "manifestUri": "http://iiif.biblissima.fr/manifests/ark:/12148/btv1b84539771/manifest.json", "location":'BnF' },
            { "manifestUri": "http://iiif.biblissima.fr/manifests/ark:/12148/btv1b10500687r/manifest.json", "location": 'BnF'},
            { "manifestUri": "http://www.e-codices.unifr.ch/metadata/iiif/sl-0002/manifest.json", "location": 'e-codices'},
            { "manifestUri": "http://www.e-codices.unifr.ch/metadata/iiif/bge-cl0015/manifest.json", "location": 'e-codices'},
             { "manifestUri": "https://data.ucd.ie/api/img/manifests/ucdlib:40851", "location": "University College Dublin"},
             { "manifestUri": "https://data.ucd.ie/api/img/manifests/ucdlib:30708", "location": "University College Dublin"},
             { "manifestUri": "http://media.nga.gov/public/manifests/nga_highlights.json", "location": "National Gallery of Art"},
             { "manifestUri": "https://iiif.lib.harvard.edu/manifests/drs:48309543", "location": "Harvard University"},
             { "manifestUri": "https://purl.stanford.edu/rd447dz7630/iiif/manifest.json", "location": "Stanford University"},
             { "manifestUri": "https://manifests.britishart.yale.edu/manifest/5005", "location": "Yale Center For British Art"},
             { "manifestUri": "http://dams.llgc.org.uk/iiif/2.0/1465298/manifest.json", "location": "National Library of Wales"},
            { "manifestUri": "http://localhost:8080/examples/Cambrian_1804-01-28.json", "location": 'National Library of Wales'},
        { "manifestUri": "http://localhost:3001/api/manifests/9b4569b0-25e8-463d-bc7c-7efbf8a76576", "location": 'Notarial Archives Valletta'}
        ],
        "windowObjects": [],
          /** Testing Annotations **/
          annotationEndpoint: {
                name: 'Simple Annotation Store Endpoint',
                module: 'SimpleASEndpoint',
                options: {
                    url: 'annotation',
                  storeId: 'comparison',
                  APIKey: 'user_auth'
                }
          }
      });
    });
  </script>
</body>
</html>

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-12 18:08:50

您正在将其设置为在mirador.html文件上没有滚动条。

body { padding: 0; margin: 0; overflow: hidden;}

删除overflow:hidden;

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57459086

复制

相似问题

问将html页面加载到html页面会禁用滚动条
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将html页面加载到html页面会禁用滚动条EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将html页面加载到html页面会禁用滚动条
EN