Задать вопрос

mrtoxa

Ответы пользователя по тегу CSS

  • Как сделать формирование списка в зависимости от класса или значения?

    @mrtoxa 
    var list = document.querySelector('.sort-list');
var sortElem = list.getElementsByTagName('li');
var nEntryArray = Array.prototype.slice.call(sortElem, 0);

nEntryArray.sort(function(a, b) {
  return a.firstChild.nodeValue - b.firstChild.nodeValue
})

while (list.lastChild) {
  list.removeChild(list.lastChild);
}

var sortList = document.createDocumentFragment();
for (i = 0, l = nEntryArray.length; i < l; i++) {
  sortList.appendChild(nEntryArray[i]);
}
list.appendChild(sortList);

    <ul class="sort-list">
<li class="l1">31</li>
<li class="l2">11</li>
<li class="l3">16</li>
</ul>

    И даже ради примера не называйте классы с цифры. Вообще ничего и никогда не называйте с цифры.
    Ответ написан
    5 комментариев
    5 комментариев

  • Убрать но оставить скрол как?

    @mrtoxa
    Можно так выкрутиться:
    html, body{
    height: 100%;    
    overflow:hidden;    
}
.wrapper{    
    height: 100%;
    width: 100%;    
    overflow: hidden;
}
.content{
    width: 100%;
    height: 100%;    
    overflow: auto;
    padding-right: 20px;    
}

    <div class="wrapper">
  <div class="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, ab nobis atque numquam, delectus sunt cum quos voluptatum? Beatae molestias eveniet quisquam enim temporibus, illo ratione inventore deleniti maxime aperiam!</p>
  </div>
</div>
    Ответ написан
    Комментировать
    Комментировать