TOGOUTECH

javascript - 如何使用 JavaScript/jQuery 获得更流畅的滑动内容动画?

coder 2024-05-16 原文

我有一些内容在这里滑动。

http://www.smallsharptools.com/downloads/jQuery/Slider/slider.html

HTML 结构简单。有一个固定高度和宽度的外框,溢出设置为隐藏。然后是一个内部容器,其宽度设置为内部内容的全宽,它是一系列标有 Item 类的 div 元素。

为了左右滑动内容器,我改变了左边距。向左走我减少变成负数的值,向右走我把它归零。但是我看到了锯齿状的动画,即使在我希望性能更好的 Chrome 中也是如此。

我的问题是,如果我使用不同的技术来回移动它会更平滑吗?绝对定位会更顺畅还是我应该考虑其他事情?是否有任何我还不知道的制作流畅动画的秘诀?

最佳答案

边距会导致其他元素重新计算,因为元素的边距会影响其周围其他元素的位置。

绝对定位(在它自己的 zIndex 上)仍然会导致其他元素的重绘,但在计算它周围的对象方面的成本会更低。

这个演讲很好地洞察了浏览器/dom 内部是如何工作的

http://www.youtube.com/watch?v=a2_6bGNZ7bA&feature=channel_page

关于javascript - 如何使用 JavaScript/jQuery 获得更流畅的滑动内容动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/827522/

有关javascript - 如何使用 JavaScript/jQuery 获得更流畅的滑动内容动画?的更多相关文章

  1. c# - 为什么 C# 使用 implicit void Main? - 2

    我不明白为什么C#的Main函数在默认情况下是无效的(例如在控制台项目中)。在C和C++中,标准明确规定main必须返回int,使用返回值是有意义的,因为我们可以检查来自外部程序的返回值,并查看C/C++应用程序是成功完成还是遇到错误。所以我的问题是:为什么VisualStudio将Main声明为void?一旦C#控制台应用程序执行完毕,向操作系统返回值的最佳方式是什么? 最佳答案 您可以使用int或void作为返回类型。因此,只需更改它并像在C++中那样返回一个值。为了不让新手迷惑,可能默认为void。

  2. c# - 使用 linq 查询和 lambda 表达式选择多列 - 2

    我是C#ASP.NET的新手,正在开发我的第一个应用程序。我正在尝试创建一个返回数组的linq语句。我有一张产品表。我希望能够为状态==1的每个产品选择名称、ID和价格。我正在努力寻找一种方法来做到这一点。我只能退回单个项目/列。我一直坚持这种方式很长时间。这是我目前所拥有的:try{using(UserDataDataContextdb=newUserDataDataContext()){returndb.mrobProducts.Select(x=>x.Name).OrderBy(x=>x).ToArray();}}如果您查看下面的屏幕截图,您会发现我有2个错误,Sel

  3. c# - 使用 LINQ 查找具有特定属性名称和值的 XElement - 2

    XDocumentxDocument=XDocument.Load("...");IEnumerable<XElement>elements=xDocument.Element("lfm").Element("events").Elements("event");try{foreach(XElementelminelements){comm.Parameters.AddWithValue("extID",elm.Element("id").Value??"");c

  4. c# - 为什么应该使用 C# 预定义类型而不是系统命名空间中的别名 - 2

    在JuvalLowy的“C#编码标准”中,可从www.idesign.net获得,建议使用C#预定义类型而不是System命名空间中的别名,例如:object不是Objectstring不是Stringint不是Int32这样做有什么好处?它们有何不同?我在自己的编码中遵循了这个建议,但不知道它们有何不同。 最佳答案 它们意外不同的主要时间是当某人愚蠢到调用类型(或属性/字段/等)String(例如)时,因为string始终指的是global::System.String,其中String可能是YourNamespace.Strin

  5. c# - 如何使用正则表达式删除括号中的文本 - 2

    我正在寻找一个将执行以下操作的正则表达式:INPUT:UserName([email protected])OUTPUT:UserName实现此目标的最佳方法是什么?使用正则表达式提取括号内的文本并替换它和任何)(字符? 最佳答案 这应该可以完成工作:varinput="UserName([email protected])";varoutput=Regex.Replace(input,@"?\(.*?\)",string.Empty);注意(和)字符的转义,这样它们就不会被识别为组标记。

  6. c# - 当我们使用时线程被中止 - 2

    我收到以下异常:System.Threading.ThreadAbortException:Threadwasbeingaborted.atSystem.Threading.Thread.AbortInternal()atSystem.Threading.Thread.Abort(ObjectstateInfo)atSystem.Web.HttpResponse.End()atSystem.Web.HttpResponse.Redirect(Stringurl,BooleanendResponse)atSystem.Web.HttpResponse.Redirect(Stringurl

  7. c# - 如何使用 EF 4.x DbContext 生成器获取属性更改通知 - 2

    我正在使用EntityFramework4.3,因此我使用DbContextGenerator来创建上下文和实体类。使用默认的EF4代码生成器模板,实体类实现INotifyPropertyChanged,并在属性setter中添加Changing和Changed分部方法。当我使用EF4.xDbContext生成器时,如下图所示,实体类要轻得多,并且不包括任何跟踪属性更改的方法。这是一个例子://------------------------------------------------------------------------------//<auto-generate

  8. c# - 如何在 C# 中使用正则表达式解析 OData $filter? - 2

    您好,我想知道在C#中解析OData$filter字符串的最佳方法是什么,例如/API/organisations?$filter="nameeq'Facebook'ornameeq'Twitter'andsubscribersgt'30'"应返回名称为Facebook或Twitter且拥有超过30个订阅者的所有组织。我已经研究了很多但找不到任何不围绕WCF的解决方案。我正在考虑使用Regex并将它们分组,所以我有一个列表过滤器类使得:FilterResource:NameOperator:EqValue:FacebookFilterResource:NameOperator:EqVa

  9. c# - 如何使用 c#.net 从组合框中的 sql server 获取所有数据库的列表 - 2

    我正在通过文本框输入源名称用户ID和密码,并希望数据库列表应该列在组合框中,以便用户可以选择源名称、用户ID、密码和数据库名称这四个选项来执行连接数据库将根据用户从其他系统中检索。用户将输入IP、用户ID和密码,他们应该在组合框中获得数据库列表,以便他们可以选择所需的数据库并执行连接privatevoidfrmConfig_Load(objectsender,EventArgse){try{stringConn="server=servername;UserId=userid;"+"pwd=******;";con=newSqlConnection(Co

  10. c# - 如何使用 LINQ 获取 int 数组中的前 3 个元素? - 2

    我有以下整数数组:int[]array=newint[7]{1,3,5,2,8,6,4};我编写了以下代码来获取数组中的前3个元素:vartopThree=(fromiinarrayorderbyidescendingselecti).Take(3);当我检查topThree中的内容时,我发现:{System.Linq.Enumerable.TakeIterator}count:0我做错了什么,我该如何更正我的代码? 最佳答案 您如何“检查topThree中的内容”?最简单的方法是将它们打印出来:usingSystem;usingS

随机推荐

  1. c# - 为什么我得到异常 : Too many automatic redirections were attempted on webclient? - 2

    在form1的顶部我做了:WebClientClient;然后在构造函数中:Client=newWebClient();Client.DownloadFileCompleted+=Client_DownloadFileCompleted;Client.DownloadProgressChanged+=Client_DownloadProgressChanged;然后我每分钟都会调用这个方法:privatevoidfileDownloadRadar(){if(Client.IsBusy==true){Client.CancelAsync();}else{Client.DownloadPr

  2. c# - StartsWith 方法 C# 不返回 TRUE - 2

    我从MSSQL数据库中读取了一些值,我喜欢对字符串进行一些操作。这是我用来检查某个字符串是否以另一个字符串开头的代码:Stringinput="ОсновнотоjавнообвинителстводенескаподнесепријавапротивБМ(59)одБитолазарадипостоењеосновинасомнениедекасторилкривичнидела„тешкиделапротивбезбедностаналуѓетоиимототвосообраќајот“и„неукажувањепомошналицеповреденовосообраќај

  3. c# - 富文本框 - 粗体 - 2

    我知道这里有很多“如何加粗文本”的问题,但没有一个答案有帮助,我认为可能是富文本框是在运行时创建的。我正在制作一个聊天客户端,所以我有一个分成几行的富文本框,消息如下:{名称}:{消息}\r\n我想加粗这个名字,我已经尝试了很多代码示例,但这是我最接近它的工作方式:intlength=textBox.Text.Length;textBox.Text+=roomChatMessage.from+":"+roomChatMessage.text+"\r\n";textBox.Select(length,roomChatMessage.from.Length)

  4. c# - 为什么所有委托(delegate)类型都彼此不兼容? - 2

    在C#中,所有委托(delegate)类型都彼此不兼容,即使它们具有相同的签名。例如:delegatevoidD1();delegatevoidD2();D1d1=MethodGroup;D2d2=d1;//compiletimeerrorD2d2=newD2(d1);//youneedtodothisinstead这种行为和语言设计决策背后的原因是什么。 最佳答案 InC#alldelegatetypesareincompatiblewithoneanother,eveniftheyhavethesamesignature.Wha

  5. c# - 无法为泛型类型创建 TypeConverter - 2

    我想创建一个TypeConverter对于通用类,像这样:[TypeConverter(typeof(WrapperConverter<T>))]publicclassWrapper<T>{publicTValue{//get&set}//othermethods}publicclassWrapperConverter<T>:TypeConverter<T>{//onlysupportToandFromstringspublicoverrideboolCanConvertFrom(ITypeDescriptorContextcon

  6. c# - 无法加载文件或程序集临时 ASP.NET 文件 - 2

    我正在使用C#(.NETFramework4)在ASP.NET上开发一个网站。创建新网站项目后,我尝试运行该项目。但我收到以下错误:Couldnotloadfileorassembly'file:///C:\Windows\Microsoft.NET\Framework\v4.0.30319\TemporaryASP.NETFiles\myfirst\159977c5\b9e740fc\App_global.asax.yfqtni9g.dll'oroneofitsdependencies.Thesystemcannotfindthefilespecified.我已经浏览

  7. c# - 如何将 xmldocument 保存到流中 - 2

    我已经编写了代码来使用XmlReader解析我的xml文件,所以我不想重写它。我现在已经为程序添加了加密。我有encrypt()和decrypt()函数,它们采用xml文档和加密算法。我有一个使用xml阅读器解析文件的函数,但现在有了xml文档,我不确定如何创建xmlreader。问题是如何将我的xml文档保存到流中。我敢肯定这很简单,但我对流一无所知。XmlDocumentdoc=newXmlDocument();doc.PreserveWhitespace=true;doc.Load(filep);Decrypt(doc,key);StreamtempStream=null;doc

  8. c# 在运行时创建一个未知的泛型类型 - 2

    所以我有一个泛型类,它可能需要在它自己的一个方法中创建一个具有不同类型泛型的实例,其类型是通过反射获得的。这很重要,因为此存储库映射T到数据库表[这是我正在写的一个ORMish],如果代表T的类有一个代表另一个表的集合,我需要能够实例化它并将其传递到存储库[alaInception]。我正在提供方法,以防它更容易发现问题。privatePropertiesAttributesAndRelatedClassesGetPropertyAndAttributesCollection(){//ReturnsaListofPropertyAndAttributesvartype=typeof(T

  9. c# - 通过 SendMessage 或其他方式异步 GetForegroundWindow? - 2

    有没有一种方法可以在焦点从任何窗口更改到另一个窗口(甚至在Windows应用程序之间)时得到通知,这样我就可以在用户更改焦点时立即调用我的委托(delegate)?我一直在想我可能只需要做轮询:(:(每1秒并调用GetForegroundWindow但我真的不想这样做。 最佳答案 SetWinEventHook()可能是你最好的选择;您可以监听EVENT_SYSTEM_FOREGROUND以监听前景窗口的变化-或者甚至监听EVENT_OBJECT_FOCUS以监听应用程序和控件内更精细的焦点变化。您需要将其与WINEVENT_OUT

  10. c# - 在应用依赖注入(inject)时,Func<in T, out TResult> 是否适合用作 ctor arg? - 2

    例子:publicclassBusinessTransactionFactory<T>whereT:IBusinessTransaction{readonlyFunc<Type,IBusinessTransaction>_createTransaction;publicBusinessTransactionFactory(Func<Type,IBusinessTransaction>createTransaction){_createTransaction=createTransaction;}publicTCreate(){return(T)_cr