Articles of material design lite

Коснитесь строки состояния IPhone, чтобы перейти вверх (mdl + vue)

Недавно я сделал свой первый webapp, используя MaterialDesignLite и vue.js, и когда дело дошло до маршрутизации, я понял, что ScrollToTop не работает из-за переполнения, исходящего из .mdl-layout__content а не весь документ. Поэтому я добавил document.querySelector(‘.mdl-layout__content’).scrollTop = 0; на мой scrollBehavior, чтобы исправить проблему. Но теперь я все еще не могу прокручивать вверх с моим Iphone, […]

Использование вкладок внутри вкладки не работает – Material Design Lite

Я хочу использовать макет вкладок в макете вкладок. Я использую Material Design lite, который уже сделал classы для вкладок, поэтому я стараюсь использовать их. Вкладка № 1 – горизонтальная вкладка работает индивидуально без каких-либо проблем. Таблица Tab 2 – вертикальная вкладка работает индивидуально без каких-либо проблем. Теперь я попытался использовать вкладку номер 2 в списке […]

фокус текстового поля GoogleLL для изменения цвета

Я просто начал использовать этот материал для разработки материалов Google. И я нашел это текстовое поле плавающим, когда вы фокусируетесь на этом ярлыке. цвет синий или темно-синий или idk. проблема в том, что я изменил цвет ссылки на этот цвет индиго-розовый но нет изменений для моего текстового поля в цвет индиго или розовый цвет, когда […]

Различные mdl-layout__drawer для большого экрана и небольшого экрана в MDL

Я пытаюсь создать два разных mdl-layout__drawer для небольшого экрана и большого экрана. В соответствии с приведенным ниже кодом только на маленьком экране mdl-layout__drawer показывает, что он не отображается на большом экране. Link21 Link Link Link Link11 Link Link Link Может кто-нибудь сказать мне, что не так в коде. Как я могу решить эту проблему.

Материальные конструкторы lite в приложении Ember.js теряют дизайн после перехода на маршрут

Я пытаюсь использовать Material design lite с приложением Ember.js и каким-то образом получил форму. Однако, когда пользователь переходит с одной страницы на другую страницу, содержащую форму или ввод, входы, похоже, не ведут себя так, как ожидалось. Например , когда страница загружается с первого раза на главную страницу, вход работает нормально, но когда мы переключаемся между […]

MDL jquery: метка перекрывает содержимое в поле ввода

Я использую Firefox версии 40.0.3 / Chrome 45.0.2454.85, и у меня есть следующая проблема: placeholder/label перекрывает содержимое, если я использую jQuery. Javascript: $(“#eventAddKurzLB”).val(“test”); HTML: Kurzbezeichnung: Es sind nur Zahlen, Buchstaben und Bindestriche erlaubt! Пример: Live-Пример: https://jsfiddle.net/vutLb9ut/2/

Центрированная форма с материальным дизайном lite

Я ищу легко получить форму входа в систему, расположенную на экране, используя библиотеку материалов Google Material Design Lite . Я прошел через ряд итераций, и это лучшее, что я придумал:   Username Password   Есть ли лучший способ достижения центрированной формы на всех размерах экрана? Дивы с   чувствую себя действительно yucky!

Material Design Lite JS не применяется к динамически загружаемому html-файлу

Я хочу унифицировать макет навигации для своего веб-сайта, поэтому я создал отдельный html-файл, содержащий код для навигации. Я использую JS для загрузки файла динамически: $(“#navigation”).load(“/navigation/navigation.html”, function() { $.getScript(‘/material.min.js’); }); Проблема в том, что material.min.js не выполняется для динамически загружаемых компонентов внутри этого html, и я теряю некоторые важные функции. Как это исправить?

Material Design Lite и jQuery, гладкий свиток не работает

Я не могу использовать .animate метод jQuery с Google Material Design Lite (MDL). Я использовал MDL для создания навигационной панели, но плавная прокрутка не работала. Простой код jQuery: $(function(){ $(‘a.smooth’).click(function(){ console.log(“SMOOTH BEGIN”); var speed = 1000; var href= $(this).attr(“href”); var target = $(href == “#” || href == “” ? ‘html’ : href); var position […]

Intereting Posts
Пользовательское сообщение об ошибке Parsley не работает Запретить перемещение блока div при изменении размера windows Получить HTML из фрейма с помощью элемента управления WebBrowser – unauthorizedaccessexception Прокрутка не работает с фреймворком CSS3 в Firefox AngularJS: заголовок «Access-Control-Allow-Origin» отсутствует в запрошенном ресурсе На самом деле, это одностраничное приложение (SPA)? AngularJS не работает с отображаемым JQuery html Сетка Bootstrap 3 с разной высотой в каждом элементе – разрешима ли она с использованием только CSS? CSS-треугольник: перед элементом Css переход от отображения нет к отображению блока, навигация с subnav Как центрировать панель навигации с помощью CSS или HTML? Редактируемый текстовый редактор и позиция курсора Угловой 6 – роутер-выход – Загрузка внешнего HTML с помощью CSS Dojo – Как обновить combobox с обновленными данными ItemFileReadStore Пауза, возобновление и перезапуск анимации canvasа с помощью JS