logo标签列表

如何删除overflow: auto属性？

css
5
我已将一个 div 元素的溢出属性设置为 auto。但是当我点击一个按钮时，我希望该 div 元素可以被扩展，并且想要移除溢出属性。
#viewNotings{
  width: 310px;
  overflow-x: auto;
}

我想在另一个页面中删除这个溢出属性。
这与 JavaScript / JSP 无关。 - Raptor
4个回答
6
如果想要点击时产生某种行为，可以在元素（div、span、img、a...）的“onclick”字段中声明。
如果想要该行为修改样式属性，请相应地设置“this.style.PROPERTY”。
→
<div onclick="this.style.overflow='visible';">
如果您提供了解释，也许您的答案就值得投票支持了 ;-] - t3chb0t
获取一个错误-“无法获取溢出参数，参数无效” - Abhi
抱歉：“none”无效。请使用以下可见|隐藏|滚动|自动|初始值|继承中的一个。 - Fabrice NEYRET
我想通过编写代码在一个js文件中来移除overflow属性，该文件已被包含在我设置了viewNotings的css属性的jsp中。 - Abhi
正确的代码是document.getElementById("viewNotings").style.cssText="overflow-x:visible;";。 - Abhi
2
指的是提问者确切想要重新设置 overflow-x 属性（而不是 overflow 属性）。 - Dan Eastwell
1
答案非常简单，只需将overflow属性的值设置为空即可。
<div onclick="this.style.overflow=' ';">
0
  • 为 div 注册一个 jQuery 点击事件
  • 点击时，移除溢出并将宽度设置为 100％

$(document).ready(function() {
  $("#viewNotings").click(function () {
    $("#viewNotings").css("overflow", "none");
    $("#viewNotings").css("width", "100%");
  });
 });
#viewNotings{
  width: 310px;
  background: gray;
  height: 30px;
  overflow-x: auto;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <div id="viewNotings"></div>
</body>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接