草庐IT

css-modules

全部标签

javascript - 向下滚动页面后更改元素的CSS位置

我正在摆弄一些jquery试图掌握它。我有一个ul导航,它设置了绝对位置,但在我将页面向下滚动200像素后,我希望它切换到固定位置,以便导航始终停留在页面上。我该怎么做?下面是我正在处理的例子http://satbulsara.com/tests/ 最佳答案 感谢大家如此迅速的帮助这就是我想要的$(document).ready(function(){vartheLoc=$('ul').position().top;$(window).scroll(function(){if(theLoc>=$(window).scrollTop(

javascript - 未捕获错误 : Mismatched anonymous define() module: function definition(name, 全局)

这个问题在这里已经有了答案:Mismatchedanonymousdefine()module(8个答案)关闭6年前。我在加载主干的requirejs文件时遇到了这个错误。我尝试加载r.js,requirejs优化器,但我仍然坚持使用它。UncaughtError:Mismatchedanonymousdefine()module:functiondefinition(name,global){"usestrict";varPubSub={name:'PubSubJS',version:'1.3.1-dev'以下是我的js:define(['jquery','underscore','

javascript - 如何组织css和js文件的缩小和打包以加快网站速度?

我正在为我的网站应用程序做速度优化。我找到了一些实践来做到这一点。例如BestPracticesforSpeedingUpYourWebSite来自雅虎。其中有:精简JavaScript和CSS。通过将多个文件(css、js)合并为一个文件,最大限度地减少HTTP请求的数量。我的问题是您使用什么基础设施、工具和构建过程,或者可以推荐什么来执行这些? 最佳答案 根据JavaScriptCompressionRater,最有效的工具是YUICompressor或JSMin. 关于javasc

javascript - 我如何在第一次迭代时反转 CSS3 动画(而不是第二次迭代)

我已经设置了这样的CSS3动画:@-webkit-keyframesslidein{from{-webkit-transform:translateX(100%);}to{-webkit-transform:translateX(0);}}如何在类定义上反转此动画?例如:.slideinTransition{-webkit-animation-name:slidein;-webkit-animation-direction:alternate;}这将在第二次迭代时反转动画,我想在第一次迭代时直接反转它。 最佳答案 试试这个:-web

javascript - karma 提示 'Module is not available'

直到几天前,我的单元测试运行良好,我的代码在浏览器中运行完美。然后我在添加一个名为“profile”的stub模块后注意到了这一点:INFO[karma]:Karmav0.12.24serverstartedathttp://localhost:9876/INFO[launcher]:StartingbrowserPhantomJSINFO[PhantomJS1.9.7(MacOSX)]:Connectedonsocket7W-0vnkWZaWxYYtwFrhTwithid9336780PhantomJS1.9.7(MacOSX)ERRORError:[$injector:nomod]

javascript - 使用 JavaScript 动态应用 CSS

使用JavaScript将样式动态应用到HTML元素(即样式值在运行时创建)的好方法是什么?我正在寻找一种将JavaScript小部件(JS、CSS和标记)打包到单个组件(基本上是一个对象)中的方法。这个想法是让组件封装样式(因此用户有一个很好的API来修改它,而不是直接修改CSS并间接应用更改的更紧密耦合的方法)。问题在于单个API调用可能意味着对多个样式元素的更改。我这样做的方法是构建CSS并将style属性设置为适当的元素(很可能使用ID来避免将更改应用到标记的其他区域)。这是一个好的解决方案吗?有更好的方法吗? 最佳答案 使

javascript - 将 SVG 文本更改为 css 自动换行

以下代码用于显示javascript树形图的文本标签。nodeEnter.append("svg:text").attr("x",function(d){returnd._children?-8:-48;})/*thepositionofthetext(lefttoright)*/.attr("y",3)/*thepositionofthetext(UpandDown)*/.text(function(d){returnd.name;});这里使用了svg,它没有自动换行功能。我该如何更改这个普通段落以便我可以使用css将其自动换行。如何制作此常规文本而不是svg文本?

javascript - 使用 jQuery "this"加上 CSS 选择器?

我正在编写一个脚本来显示/隐藏div中的一个部分。我有3个带有隐藏部分的div,但希望使用一个函数来控制所有3个。这是我现在拥有的:$('.rates,.hours,.otherinfo').click(function(){$('.expand').toggle();});这是HTML:RatesTextinhereishiddenbydefault.HoursTextinhereishiddenbydefault.OtherInfoTextinhereishiddenbydefault.和CSS:.expand{display:none;}显然,当您单击其中任何一个时,这会显示所有

javascript - 如何通过css在输入框中应用Title Case

我正在使用text-transform属性将输入框文本转换为标题大小写,但我没有获得执行此操作的确切属性或组合。我也试过text-transform:capitalize;text-transform:lowercase;我正在尝试为这些自动转换nIkleshraut:NikleshRautNIKLESHRAUT:NikleshRaut或者我应该使用Javascript。 最佳答案 您可以使用css执行以下操作。这将适用于所有单词。input{text-transform:capitalize;}::-webkit-input-pl

php - 优化 JavaScript CSS 下载

我网站的许多页面都使用jQuery和JSON以及相同的CSS,除了少数页面。第一页是用户登录。由于用户需要时间来输入他的用户名和密码,我想在登录期间为整个用户session下载所有必需的JavaScript和CSS文件。如何才能做到这一点?所有页面的标题都相同。如何优化它? 最佳答案 我的想法是在document.load之后动态加载js和css文件。这不会影响登录页面的加载时间,同时还会在用户登录后缓存您的js和css文件。如果加载速度更快,您也可以轻松地将其更改为document.ready。像这样的东西怎么样?$(docume