草庐IT

向右移动

全部标签

javascript - setInterval 在滚动期间在 iphone/ipad(移动 Safari)中暂停

我在网站中使用了setInterval函数,它在IE、Chrome、Firefox和Safari中运行良好。当我在ipad/iphone(safarimobile)上尝试时,我遇到了问题:如果我滚动屏幕,setInterval函数会暂停,只有当我停止滚动时它才会恢复!有没有办法防止函数暂停?谢谢 最佳答案 恐怕不行,没有办法阻止这种行为。在SO中有很多关于这个问题的主题(更多相关),这里特别是interestingone.它的总结很简单:iOSelasticscrollcan'tbetracked.There'snoeventlis

javascript - 如何在我的 javascript 球移动时为它提供滚动动画?

我有以下HTML代码:这是一个包含球图像的div(一个球的俯View)这个球我可以用我的箭头键和一些javacript向上、向左、向右、向下等等移动。我用这段代码来做到这一点:varball=function(){varinited=false,el,xcheck=50,x=50,ycheck=50,y=50,xspeed=0,yspeed=0,power=0.4,friction=0.99,xwind=0,ywind=0,dead=true,timer=function(keys){if(dead===true){return;}if(keys[38]===true){yspeed+

javascript - D3.js 是否支持 native 移动应用程序?

我发现了一些关于支持D3以创建使用移动浏览器查看的移动应用程序的问题。我想知道D3是否支持创建原生移动应用程序(例如在Android设备上)?如果不支持native移动应用程序,使用D3在移动设备上实现类native应用程序的最佳方法是什么?否则,是否有替代D3的方法来在移动设备上创建原生交互式可视化应用程序?谢谢! 最佳答案 D3是一个旨在处理数据并将其呈现为htmlDOM的库——通过SVG、直接div或可能是Canvas。当然还需要有能够运行代码的JavaScript引擎。浏览器提供了所有这些东西;native应用程序没有开箱即

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - 如何修改移动设备和选项卡的引导轮播

我正在使用Bootstrapslider。在桌面上,它有三张幻灯片,每张有4个图block在选项卡上,它们必须是4张幻灯片,每张幻灯片有3个图block在移动设备上,需要有12张不同的幻灯片我正在考虑最有效和最优化的实现方式。选项1-创建3组不同的slider。一次只显示一个选项2-使用jquery检测屏幕宽度并以编程方式添加额外的图block作为幻灯片,隐藏额外的图block。我想这会非常复杂。如果有更好的实现方法,请提供帮助。 最佳答案 这里是:.carousel-inner.item.active{display:flex;}

javascript - Angular 网站无法在移动设备上打开

我根本无法弄清楚问题出在哪里。我有一个用Angular制作的非常简单的网站,它在桌面(Chrome)上运行得很好,但在我的手机(iPhone6)上只显示一个空白页面。我已经尝试在本地和在线模拟它,没有任何问题。我从所有不同的站点运行了countless测试,他们似乎没有发现任何问题。网站是:https://admin.marcrasmussen.dk我知道这很不寻常,但在过去的5个小时里我一直在尝试解决这个问题。谁能看出我做错了什么? 最佳答案 这是我在调试您的网站时发现的。是firebase-messagin.js的一个问题,检查

Javascript - onscroll 顺利移动到下一个 anchor ?如何?

我正在构建一个单页网站,其中包含几个部分,每个部分都填满了用户的窗口;我已经开始工作了。我想做的是:当用户向上或向下滚动时,他/她会(相应地)向上或向下滚动到之前或之后的部分。我的每个部分的顶部都有一个anchor。这是我正在努力实现的一个例子。每篇文章都占满了页面。滚动后跳转到下一篇文章。http://www.made-my-day.com/ 最佳答案 我认为您可以使用此插件完成工作:https://github.com/alvarotrigo/fullPage.js.此外,它似乎正在积极更新。最后一次提交repo是在3天前。干杯

javascript - 在页面上随机移动图像

我创建了三个热气球的.png图像。每个都有不同的大小,因此它们散发出“深度”的概念。对这些.png进行编码以便它们像热气球一样在我的容器周围移动和漂浮的最佳方法是什么?我已经尝试了Spritely网站上的以下代码,我将其改编为:$('#balloon1').sprite({fps:3,no_of_frames:1}).spRandom({top:70,left:100,right:200,bottom:340,speed:10000,pause:3000});我将此代码用于其他两个气球(#balloon1)和(#balloon2),然后将它们各自的DIV放入标记为“#sky”的容器DI

Javascript 触摸移动,跟踪用户从边缘滑动的时间

我需要跟踪用户触摸事件。我想跟踪用户何时从边缘滑动。例如,当用户从左垂直边缘滑动时,我将显示一个菜单,从右边缘滑动时发出警报,并在用户从顶部滑动时显示另一个菜单。我找不到类似的用法。我怎样才能做出这种行为?从边缘跟踪滑动?我用hammer.js试过这个因为我使用jQuery,但是其他库(QuoJS、TouchSwipe、Touchy等)对我来说没问题。fiddle:http://jsfiddle.net/mavent/ym4JV/51/$(document).hammer().on("tapdoubletapholddragswipepinchrotatedragupdragdowns

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真