我正在处理这个移动菜单,需要在li大于窗口高度时允许菜单滚动。我很接近,但是如果你打开超过一里,滚动就会中断。
在移动设备中查看...
$('#menu-wip-mobile').on('click', function(e){
//the li
if($('.dropdown-toggle--submenu'.hasClass('show-submenu')){
// add scroll to mobile menu if li is open
$('.navbar__menu__c
我很难让它起作用,所以很明显我做错了什么.我在菜单的子菜单上创建了一个淡入悬停状态,它工作得很好,但是当我缩小到移动视图时,效果仍然是相关的,这是我不想要的,因为移动设备没有悬停状态。因此,我在jquery(窗口).resize函数中敲开了函数,但是它根本不起作用。
jQuery(window).resize(function() {
var w = jQuery(window).width();
if (w <= 768 ) {
jQuery('nav.main-nav li').each(function() {
我的css中需要一个自动换行,我马上就得到了这个错误:
Validation (CSS 3.0): 'word-wrap' is not a known CSS property name.
经过一些研究,我发现换行用overflow-wrap代替了。
当我使用它时,我会得到:
Validation (CSS 3.0): 'overflow-wrap' is not a known CSS property name.
我已经安装了CSS 3.0智能感知。
有谁有线索吗?
提前感谢!
当省略号溢出div时,我的文本不会被省略号切断。
通常这很容易实现,只需将text-overflow: ellipsis和overflow-x: hidden的CSS属性添加到文本的容器中即可。
如果将<p>更改为<span>,则工作正常。在googling之后,看起来块元素和内联块元素都支持文本溢出:省略。那为什么会发生这种事?
HTML:
<div>
<p>Test text that is going to overflow</p>
</div>
CSS:
div {
width: 100px;
对于侧菜单,有一个高度的重新计算:适应性,平板电脑和桌面。它似乎工作得越来越慢,但当我开始在实际设备上进行测试时,我注意到,由于在调整大小的功能中所写的功能,一切都工作得太慢了。不要告诉我如何正常地重构代码,这样设备上的工作速度就更快了?谢谢!
//расчет высоты body
var calcHeightFilter = function calcHeightFilter() {
var bodyHeight = $(document).outerHeight(true);
var asideHeight = $('.section--aside'