Question

我有this page，它显示了水平滚动条。

当我使用JavaScript将页面加载到div中时，我失去了滚动条。有人可以告诉我如何显示滚动条吗？ https://lodysreizen.nl/按下“ Verslag”按钮，即可在没有滚动条的情况下进入加载的页面。

这是我用于将页面加载到Middiv中的代码：

$(document).ready(function(){
  $(".knop").on("click",function(e) {
  console.log("knop " + $(this).name)
    $("#middiv").load($(this).attr("name") + ".html")
  });
});

在这种情况下，toonverslag.html

Answer 1

#middiv{
overflow-x: hidden; 
overflow-y: auto;
}

Answer 2

我需要垂直滚动条。目前，我的文字在背景图上。

我可以使用以下代码：

<style>
.scrollbarclass {
    height:150px;
    overflow-y: scroll;
    overflow-x: hidden;
}
</style>

制作一个我添加到midddiv中的类。但是我认为是因为我将文本文件加载到了我的middiv中：

<script>
$(document).ready(function(){
  $("#middiv").load("verslag.text");
});
</script>

滚动条类迷路了

缺少滚动条或缺少限制

2 个答案: