Tag: css

用户向上/向下滚动时如何隐藏/显示导航栏

用户向上/向下滚动时隐藏/显示导航栏 以下是我想要实现的示例： http ： //haraldurthorleifsson.com/或http://www.teehanlax.com/story/readability/ 向下滚动时导航栏在屏幕上向上滑动，向上滚动时向下滑动到屏幕上。 我已经想出如何使用淡入/淡出来实现它，但我想用与示例中完全相同的动画来实现它。 注意：我已经尝试过SlideIn（），就像它进行拉伸动画一样…… JQUERY： var previousScroll = 0, headerOrgOffset = $(‘#header’).offset().top; $(‘#header-wrap’).height($(‘#header’).height()); $(window).scroll(function() { var currentScroll = $(this).scrollTop(); console.log(currentScroll + ” and ” + previousScroll + ” and ” + headerOrgOffset); if(currentScroll > headerOrgOffset) { if (currentScroll > previousScroll) { $(‘#header’).fadeOut(); } else { $(‘#header’).fadeIn(); $(‘#header’).addClass(‘fixed’); } } else { […]

有没有办法检查通过网络在机器上安装的字体？

有没有办法测试安装了哪些字体，或者我可以读出所有这些字体？ 我想在我们的产品中进行一项调查，看看我可以在项目中使用哪些字体。

可以jquery操纵文档的全局css定义吗？

我正在尝试创建一个复选框，在单击时隐藏特定的css类，但我也希望此效果应用于获取该特定类的所有未来对象。 例如：我有2个div： divA属于abc类 divB没有课 我希望复选框隐藏类abc所有div，这很容易，使用$(“.abc”).hide() 。 但问题是，如果网站的另一部分稍后创建了类abc divB，那么它将不会被隐藏。 因为jquery代码当时只适用于divA。 我要做的是让复选框操纵文档的全局css定义。 因此，当用户单击复选框时，我会将abc类更改为隐藏，稍后当任何div加入该类时，它将被隐藏。 在jquery中这可能吗？

：nth-​​child不在IE中工作

香港专业教育学院搜索我的具体问题，找不到它…我希望你们中的任何人都可以提供帮助。 我试图让nth-child在IE中工作 – 现在我已经读过你可以用Jquery做到这一点，我如何在这个实例中实现jquery？ 我也使用这个Lib项目ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js 它在Firefox中完美运行但不是IE – 请帮忙 – 谢谢 Header 1 View Image Sub header 1 Copy 1. Sub header 2 Copy2 Sub header 3 Copy 3 Sub header 4 Copy 4 Sub header 5 Copy 5 Sub header 6 Copy 6 Javascript代码 $(function() { // Set up variables var $el, $parentWrap, $otherWrap, $allTitles […]

jQuery选择器优化

具体在选择器的右侧，而在左侧则不太具体。 // unoptimized $(‘div.data .gonzalez’); // optimized $(‘.data td.gonzalez’); 报价来源 有人可以解释为什么较不具体的左边作为CSS选择器更快？ 这是一个Sizzle的事情还是同样适用于document.querySelectorAll ？ 在CSS文件中使用“类似优化”的CSS选择器是否有任何速度提升？

Fullpage.js。 添加滚动延迟

我有一个div“box”，当用户滚动到下一页时，使用“.fp-viewing”作为锚点逐渐淡出，以启动过渡效果。 事情是页面在触发.fp-viewing时开始滚动，并在动画结束前将框滚动到视图之外。 当触发.fp-viewing直到box在4s内完成动画时，如何延迟滚动的开始？ .box{ transition: all 4s ease-out; -webkit-transition: all 4s ease-out; } .fp-viewing-2 .box{ opacity: 0; }

jqGrid页脚单元格从主网格中的单元格“inheritance”CSS

我在jqGrid中有一个footerrow，在那里我总结了一些列中的值。 当网格加载完成后，我使用’footerData’function设置页脚。 这需要将grid-options中的“footerrow”属性设置为“true”。 我没有总结的一些列中有CSS应用于它们（在单元格中显示一些图标），这是使用colModel API中的“classes”属性设置的。 问题是这些CSS类也应用于footerrow中的单元格。 我不希望它们在那里应用，但我不知道如何防止它们被显示。 在调用’footerData’函数后，我尝试使用jQuery从td元素中删除’class’属性。 问题是当网格加载时，图标会闪烁给用户。 如何防止CSS首先被应用？

一个页面上的多个幻灯片显示第一个不再有效

首先我知道这个问题在答案没有解决我的问题之前被问过所以我想再问一遍：我使用了“W3school”的幻灯片代码，它提供了一个很好的动画Jquery幻灯片。 不幸的是，我需要在我的页面上不止一个，第二个停止第一个工作。 甚至在此之前找到这个解决方案之前，我尝试更改不同幻灯片的对象的CSS和HTML名称，这些问题成功解决了部分问题（第二个没有显示），但如前所述，阻止了第一个工作。 幻灯片显示在这里，但单击箭头将不会执行任何操作。 我稍微了解问题是什么，但无法修复它。 以下是我修改第二个代码的方法： var slideIndex = 7; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName(“mySlides2”); var dots = document.getElementsByClassName(“dot2”); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length […]

jQuery UI switchClass（）方法无法正常工作

jQuery UI switchClass()方法不切换类，而是执行一些不需要的动画，当我使用jquery.animate-enhanced.js进行硬件加速动画时，类与原始类保持相同。 有关如何修复它的任何想法？

当拖动元素并将其捕捉到另一个容器时，如何强制jquery将元素居中？

我想要一些方形的可拖动物体（在这种情况下只是带有数字的 盒子）能够捕捉到一些空的表格单元并捕捉到那些单元格的中心（空的td框），而不是（外部） ）边缘那些细胞，这似乎是默认情况下做的。 这是我的剧本： $(document).ready(function () { $(“.inputs div”).draggable( { snap: “.spaces” }); }); 编辑：这是整个文件 Draggable .block { z-index:9999; cursor:move; } li { list-style:none; } tr { border: 2px solid black; } table { border: 2px solid black; } .inputs div { float:left; background-color:#FFFFFF; color:#004E66; font-size:x-large; margin:2px; padding:20px; border:1px solid black; } .spaces td { […]