相关疑难解决方法(0)

我的页面上有以下内容 DIV，它显示动态文本：

<div id="someContent">
</div>

它使用以下 CSS 来切断附加文本：

#someContent {
    height: 200px;
    width: 200px;
    overflow: hidden;
}

如果我将此文本加载到 DIV 中：

“Lorem ipsum dolor 坐 amet，consectetuer adipiscing 精英。Praesent aliquam，justo convallis luctus rut​​rum，erat nullafermentum diam，在 nonummy quam ante ac quam。Maecenas urna purus，fermentum id，molestie，commodo portitor。 lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et potenti

...CSS 仅导致以下文本显示在 DIV 中：

“Lorem ipsum dolor 坐 amet，consectetuer adipiscing …

我正在div使用以下代码检查内容的垂直溢出JS：

if ($("#col1").prop('scrollHeight') > $("#col1").outerHeight() ) {
  alert("this element is overflowing !!");
}
else {
 alert("this element is not overflowing!!");
}

但是如何删除溢出的内容并将其转移到另一个内容呢div？

这是小提琴：https://jsfiddle.net/appsoln/fnecb7mL/6/

if ($("#col1").prop('scrollHeight') > $("#col1").outerHeight() ) {
  alert("this element is overflowing !!");
}
else {
 alert("this element is not overflowing!!");
}

if ($("#div1").prop('scrollHeight') > $("#div1").outerHeight()) {
  alert("this element is overflowing !!");
} else {
  alert("this element is not overflowing!!");
}

#main {
  background-color: blue;
  padding: 15px;
}

#div1 {
  padding: 20px; …