不嵌入滚动条的css

沃梦达教程前端问题

2022-01-01

css embed no scrollbar(不嵌入滚动条的css)

本文介绍了不嵌入滚动条的css的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

好的，我有一个带有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文件中。

这篇关于不嵌入滚动条的css的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

本文标题为：不嵌入滚动条的css

上一篇：基于数据分组的Highstock出口CSV