不嵌入滚动条的css

2022-04-05 00:00:00 scrollbar embed css hidden
好的，我有一个带有AJAX按钮的页面。当你点击AJAX按钮时，它会把一个嵌入的对象抛到‘data’目录中。一切都很好，我的问题是嵌入创建了一个我不想要的滚动条。有没有关于如何防止滚动条的建议？我已经尝试在所有我能用到的地方抛出‘overflow：Hide’，但没有成功=/

~html~

http://pastebin.com/WZ2YzDVb

~my.css~

http://pastebin.com/iR335BNj

~AJAX嵌入数据~

<embed width=100% height=100% type='text/html' style='overflow: hidden' src='source'>

我用粘贴盒来保持我的帖子干净。

解决方案

当您在元素中看到滚动条时，您实际上看到的是该元素网页的滚动条。你不能通过给<embed>一个样式来修复它，你必须给<embed>的<body>一个样式。以下是我的解决方案：

[MainFile.html]

<html>
   <body>
      <embed style='border:1px solid black;' src='EmebdedFile.html'></embed>
   </body>
</html>


[EmbededFile.html]

<html>
   <body style='overflow:hidden'>
      <img src='smile.png' style='height:1000px; width:1000px;'></img>
   </body>
</html>


请注意，"overflow：Hidden"位于嵌入元素的HTML文件中。

相关文章