我有一些内容在这里滑动。
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/
我正在为我的新手机游戏开发一个社区网站，我正在尝试向其中添加googleplus登录流程。实现期间采取的步骤:->已关注this谷歌开发者教程HTML按钮代码:<spanid="signinButton"><spanclass="g-signin"data-callback="onSignInCompleted"data-clientid="<myID>.apps.googleusercontent.com"data-cookiepolicy="single_host_origin&#
如何获取作为(e)传递的元素的ID？window.addEventListener('load',function(){vartags=document.getElementsByClassName("tag");for(i=0;i<tags.length;i++){tags[i].addEventListener('mousedown',function(e){tagClick(e)},false);}},false);functiontagClick(e){/*hereI'mgonnaneedtheeventtocanc
我有以下功能，在我测试过的几台PC上运行良好。我已经在Chrome、IE和Firefox上测试过，没有任何问题。但是，有一台特定的PC(运行Chrome)在该行抛出此错误“UncaughtTypeError:Cannotreadproperty'document'ofundefined”:win.document.write(data);难道是因为win为null？如果是这样，为什么这台特定PC会出现这种情况？是否有一些Chrome设置需要设置？方法:functionviewReport(){console.info('generatingeventreport');v
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:StackOverflowquestionchecklist关闭9年前。Improvethisquestion我为此在数学上苦苦挣扎，我需要将一个物体均匀地移向一个点。我在x:500y:250处有一个点，在0,0处有一个对象。如果移动速度为“1”，我将如何计算出我需要以x:0.666和y:0.333的速率移动的那一点。y速度是x速度的一半。我确定我在这里只是个白痴。
这是我第一次使用list.js，由于某些原因它无法正常工作。这是一个活生生的例子。http://hartslogmuseum.com/bookhjr10/test.php这是它应该做的http://listjs.com/examples这是我的代码。我只想搜索名称。<divclass="table-responsive"><divid="catalog"><inputclass="search"placeholder="Search"/><buttonclass="sort
我有一段在IE中运行的JS，其中包含以下行:vardata=JSON.parse("{skill:'SK_AUTO_DEV_TEST',kind:'IS_REQUIRED'}");谁能告诉我这是怎么回事？ 最佳答案 因为这不是有效的JSON–您需要在属性名称周围加上引号。JSON.parse('{"skill":"SK_AUTO_DEV_TEST","kind":"IS_REQUIRED"}'); 关于jav
我编写的这段代码在GoogleChrome和Opera上运行完美，但在Firefox上运行不佳functiononSaveJPG(url,n){varsave=document.createElement('a');save.href=url;save.target='_blank';save.download='Imageno'+n+'.jpeg'||url;varevent=document.createEvent('Event');event.initEvent('click',tru
我希望使用Javascript中的宏而不是默认的VBA来操作excel电子表格。我可以使用以下VBA代码执行javascript代码'javascripttoexecuteDimbAsStringb="functionmeaningOfLife(a,b){return42;}"'VBAtooltorunitDimoAsNewScriptControlo.Language="JScript"o.AddCodebMsgBoxo.Run("meaningOfLife",0,1)这使我能够执行任意javascript，但是我无法从
我的javascript经验很少。我需要在单击某个项目时添加一个菜单。我们被要求从头开始构建它，而不使用任何库，如bootstrap组件或JQuery。我们正在使用Angularjs。在Angular上，我想知道创建新元素的正确方法。类似于我们没有的document.createElement。我正在添加一些代码，以便你们更好地了解我想要做什么。菜单指令.directive('menu',["$location","menuData",functionfactory(location,menuData){return{templateUr
这个问题在这里已经有了答案:UsedynamicvariablenamesinJavaScript(19个回答)关闭9年前。是否可以通过将两个字符串连接在一起形成名称来设置变量？如果可能的话，我想根据用户单击的对象的类名来确定要设置的变量。我知道我可以对一堆if/elseif语句进行硬编码，但如果我可以间接引用变量，那就太棒了。我在想这样的事情:varowner_read;vargroup_read;functionsetVariableIndirectly(object){varsecond=object.className;//returns"read"varfir
我正在为我的新手机游戏开发一个社区网站，我正在尝试向其中添加googleplus登录流程。实现期间采取的步骤:->已关注this谷歌开发者教程HTML按钮代码:<spanid="signinButton"><spanclass="g-signin"data-callback="onSignInCompleted"data-clientid="<myID>.apps.googleusercontent.com"data-cookiepolicy="single_host_origin&#
如何获取作为(e)传递的元素的ID？window.addEventListener('load',function(){vartags=document.getElementsByClassName("tag");for(i=0;i<tags.length;i++){tags[i].addEventListener('mousedown',function(e){tagClick(e)},false);}},false);functiontagClick(e){/*hereI'mgonnaneedtheeventtocanc
我有以下功能，在我测试过的几台PC上运行良好。我已经在Chrome、IE和Firefox上测试过，没有任何问题。但是，有一台特定的PC(运行Chrome)在该行抛出此错误“UncaughtTypeError:Cannotreadproperty'document'ofundefined”:win.document.write(data);难道是因为win为null？如果是这样，为什么这台特定PC会出现这种情况？是否有一些Chrome设置需要设置？方法:functionviewReport(){console.info('generatingeventreport');v
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:StackOverflowquestionchecklist关闭9年前。Improvethisquestion我为此在数学上苦苦挣扎，我需要将一个物体均匀地移向一个点。我在x:500y:250处有一个点，在0,0处有一个对象。如果移动速度为“1”，我将如何计算出我需要以x:0.666和y:0.333的速率移动的那一点。y速度是x速度的一半。我确定我在这里只是个白痴。
这是我第一次使用list.js，由于某些原因它无法正常工作。这是一个活生生的例子。http://hartslogmuseum.com/bookhjr10/test.php这是它应该做的http://listjs.com/examples这是我的代码。我只想搜索名称。<divclass="table-responsive"><divid="catalog"><inputclass="search"placeholder="Search"/><buttonclass="sort
我有一段在IE中运行的JS，其中包含以下行:vardata=JSON.parse("{skill:'SK_AUTO_DEV_TEST',kind:'IS_REQUIRED'}");谁能告诉我这是怎么回事？ 最佳答案 因为这不是有效的JSON–您需要在属性名称周围加上引号。JSON.parse('{"skill":"SK_AUTO_DEV_TEST","kind":"IS_REQUIRED"}'); 关于jav
我编写的这段代码在GoogleChrome和Opera上运行完美，但在Firefox上运行不佳functiononSaveJPG(url,n){varsave=document.createElement('a');save.href=url;save.target='_blank';save.download='Imageno'+n+'.jpeg'||url;varevent=document.createEvent('Event');event.initEvent('click',tru
我希望使用Javascript中的宏而不是默认的VBA来操作excel电子表格。我可以使用以下VBA代码执行javascript代码'javascripttoexecuteDimbAsStringb="functionmeaningOfLife(a,b){return42;}"'VBAtooltorunitDimoAsNewScriptControlo.Language="JScript"o.AddCodebMsgBoxo.Run("meaningOfLife",0,1)这使我能够执行任意javascript，但是我无法从
我的javascript经验很少。我需要在单击某个项目时添加一个菜单。我们被要求从头开始构建它，而不使用任何库，如bootstrap组件或JQuery。我们正在使用Angularjs。在Angular上，我想知道创建新元素的正确方法。类似于我们没有的document.createElement。我正在添加一些代码，以便你们更好地了解我想要做什么。菜单指令.directive('menu',["$location","menuData",functionfactory(location,menuData){return{templateUr
这个问题在这里已经有了答案:UsedynamicvariablenamesinJavaScript(19个回答)关闭9年前。是否可以通过将两个字符串连接在一起形成名称来设置变量？如果可能的话，我想根据用户单击的对象的类名来确定要设置的变量。我知道我可以对一堆if/elseif语句进行硬编码，但如果我可以间接引用变量，那就太棒了。我在想这样的事情:varowner_read;vargroup_read;functionsetVariableIndirectly(object){varsecond=object.className;//returns"read"varfir