Так сейчас и работает. Но в отличие от решения Lea Verou такое размытие не чувствительно к скроллу. У нее же на сайте есть пример как оно работает - размытие появляется только с той стороны, куда возможен скролл в данный момент. Если отмотать на середину, размытие будет и вверху и внизу. Если скролл невозможен (т.е. элемент видно полностью), размытия нет совсем.
Зачем подгружать аяксом? На JS/jQuery решение занимает одну строку, что-то вроде $('#link').toggle($('#innerDiv').height() > $('#outerDiv').height()), где список внутри #innerDiv, #innerDiv внутри #outerDiv, а у #outerDiv включен overflow:hidden. Просто если есть выбор между CSS и JS решением, я предпочитаю CSS.
Чорт, вы издеваетесь. Повторяю - сервер не знает высоты этого блока. И никто не знает, это вообще responsive design и высота блока может меняться при ресайзе страницы.
Проблема в том, что я заранее не знаю высоту этого списка - она определяется его окружением. Поэтому войдет туда 3 или 10 элементов, заранее неизвестно. А по условиям задачи показывать View all надо только если в полном списке больше элементов, чем входит на страницу. Например на скриншоте вошло 3 элемента, а всего их 10 - показываем View all. Входит 3 и всего их 3 - не показываем.
Tsiren Naimanov, таким образом можно сделать переключение между первым и вторым вариантом только если оно зависело бы от ширины экрана. А оно же зависит и от высоты тоже.
Не подойдет, т.к. первая картинка не достигается этим кодом. В нем при увеличении ширины браузера div просто уходит вниз за край экрана, а должен оставаться видимым полностью и слева-справа от него появляются поля.
Боже сколько вариантов, особенно С-программа доставляет :). Но сама идея резетить полностью USB контроллер выглядит обещающей. Правда сцыкотно ее тестить на продакшен-сервере :), попробуем сначала на рабочих компах.