Покажите, сколько элементов скрыто с помощью переполнения CSS с помощью jQuery или JS [duplicate]
Существует очень простой способ построения всех столбцов из фрейма данных с помощью отдельных панелей или той же панели:
plot.ts(data)
Что дает (где X1 - X4 - имена столбцов):
[/g0]
Посмотрите «plot.ts» для всех параметров.
Если вы больше не контролируете функцию построения графика, а не используете цикл, вы также можете сделать что-то вроде:
par(mfcol = c(ncol(data), 1))
Map(function(x,y) plot(x, main =y), data, names(data))
4 ответа
Как правило, вы можете сравнить client[Height|Width] с scroll[Height|Width], чтобы обнаружить это ... но значения будут одинаковыми при видимости переполнения. Таким образом, для этой процедуры необходимо учитывать процедуру обнаружения:
// Determines if the passed element is overflowing its bounds,
// either vertically or horizontally.
// Will temporarily modify the "overflow" style to detect this
// if necessary.
function checkOverflow(el)
{
var curOverflow = el.style.overflow;
if ( !curOverflow || curOverflow === "visible" )
el.style.overflow = "hidden";
var isOverflowing = el.clientWidth < el.scrollWidth
|| el.clientHeight < el.scrollHeight;
el.style.overflow = curOverflow;
return isOverflowing;
}
Проверено в FF3, FF40.0.2, IE6, Chrome 0.2.149.30.
-
1– user 27 September 2008 в 18:49
-
2– slolife 7 January 2010 в 22:27
-
3– Stijn de Witt 22 November 2012 в 14:37
-
4– Kenan D 6 December 2012 в 09:52
-
5– L0j1k 27 February 2015 в 20:07
Попробуйте сравнить element.scrollHeight / element.scrollWidth с элементом element.offsetHeight / element.offsetWidth
http://developer.mozilla.org/en/DOM/element.offsetWidth http://developer.mozilla.org/en/DOM/element.offsetHeight http://developer.mozilla.org/en/DOM/element.scrollWidth http://developer.mozilla.org/en/DOM/element.scrollHeight
-
1– Arthur Tarasov 20 September 2017 в 12:41
Я не думаю, что этот ответ прекрасен. Иногда scrollWidth / clientWidth / offsetWidth одинаковы, даже если текст переполнен.
Это хорошо работает в Chrome, но не в IE и Firefox.
Наконец, я попробовал это answer: Обнаружение эллипсиса текстового переполнения HTML
Это прекрасно и хорошо работает в любом месте. Поэтому я выбираю это, возможно, вы можете попробовать, вы не разочаруете.
-
1– zjalex 17 April 2015 в 02:19
Это javascript-решение (с Mootools), которое уменьшит размер шрифта, чтобы он соответствовал границам elHeader.
while (elHeader.clientWidth < elHeader.scrollWidth || elHeader.clientHeight < elHeader.scrollHeight) {
var f = parseInt(elHeader.getStyle('font-size'), 10);
f--;
elHeader.setStyle('font-size', f + 'px');
}
CSS elheader:
width:100%;
font-size:40px;
line-height:36px;
font-family:Arial;
text-align:center;
max-height:36px;
overflow:hidden;
Обратите внимание, что оболочка elHeader устанавливает ширину elHeader.