草庐IT

移动网

全部标签

javascript - 在移动网站中处理 iPhone 事件(如向左滑动)

iPhone浏览器是否有我可以使用Javascript连接的特殊事件?例如,如果用户向左滑动,我想执行某个操作。如果有这样的事件可用,很高兴看到所有这些事件的引用。理想情况下,有一天会出现适用于所有触摸屏移动浏览器的标准。 最佳答案 您可以访问多点触控事件和手势,但您可能需要自己处理大量的底层管道。这是Apple的指南:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/Handl

javascript - 通过屏幕分辨率检测移动设备的可靠性如何?

这听起来好得令人难以置信,所以如果是这样请告诉我。如果我只有一个单一版本的移动网站(没有变体不同的设备,所有手机只有一个网站),它的可靠性如何通过屏幕分辨率检测移动设备?如果屏幕分辨率小于400像素,则只需提供移动版本。注意:我的问题假定启用了javascript。另外,我知道有用户代理检测,但我不想使用它。 最佳答案 Javascript移动设备屏幕高度检测根本不可靠。问题是不同的浏览器使用不同数量的“chrome”,不同的操作系统版本对系统栏使用不同的高度。所有检测机制报告的高度都不可靠(screen.height、window

Javascript 库或 jquery 插件,用于在移动 safari/ipad 中创建基于滑动的轮播

你看过yahoo的ipad/tablet主页吗?浏览标题的滑动效果令人印象深刻。我在jquery中看到了一些解决方法(使用循环插件+touchwipe插件),但这些都只是检测用户手势然后运行​​x-绝对位置动画,而不是实际跟踪用户的手势。知道类似于雅虎的解决方案吗? 最佳答案 找到解决方案:http://cubiq.org/iscroll-4使用“对齐”选项重新创建轮播效果。 关于Javascript库或jquery插件,用于在移动safari/ipad中创建基于滑动的轮播,我们在Sta

javascript - jQuery滚动条移动时如何隐藏Div?

我只希望#menu在滚动条移动时淡出以提供一个不那么困惑的界面。是否有允许这样做的代码?我想基本上我正在寻找的是如何获取滚动条移动事件。在滚动1秒后慢慢淡出#menu并在滚动条不活动2秒后恢复#menu。非常感谢! 最佳答案 var$menu=$("#menu");varopacity=$menu.css("opacity");varscrollStopped;varfadeInCallback=function(){if(typeofscrollStopped!='undefined'){clearInterval(scrollS

javascript - jQuery 使用箭头键移动 div

我正在尝试使用箭头键移动一个div。我有以下代码不适合我。你看有什么问题吗?检查jsfiddlehttp://jsfiddle.net/N5Ltt/1/$(document).keydown(function(e){switch(e.which){case37:$('div').stop().animate({left:'-=10'});//leftarrowkeybreak;case38:$('div').stop().animate({top:'-=10'});//uparrowkeybreak;case39:$('div').stop().animate({left:'+=10'

javascript - 我将如何移动带有元素的 SVG 图案

这个问题在这里已经有了答案:HowtomakeSVGimagepatternfillmovewithobject?(4个答案)关闭1年前。我创建了这里看到的svg模式:然后在我的脚本中我创建了一个使用该模式的椭圆。问题是,当我四处移动椭圆时,图案仍然留在它后面,而不是随着椭圆移动。如何配置图案以与元素保持一致?

javascript - 如何在 Javascript 中移动子元素时触发一次鼠标事件?

当进入一个DOM元素时,mouseover事件会发生。在当前元素周围移动鼠标时,不会发生任何事件,因为mouseover用于进入。但是,对于子节点不遵守此规则。如果将鼠标移动到子节点上,mouseover事件将被一次又一次地触发,尽管没有新事件,因为我们仍在原始父节点中。查看此example.如果我们将鼠标移动到父元素上(实际上是在它的textNode上),没有新的事情发生,但是如果我们移动到子元素上(仍然在父元素上),它会一次又一次地触发mouseover事件.事实上,每次鼠标进入一个元素(甚至在原始父元素内部)时,它都会触发鼠标事件。我们如何才能使mouseover只移动一次以遍及

javascript - Twitter Bootstrap (v2.2.1) 下 zipper 接在移动设备上不起作用

我有一个TwitterBootstrap(v2.2.1)可折叠导航栏和下拉按钮。它们在我的桌面浏览器中工作得非常愉快,而且如果我将桌面浏览器窗口缩小到移动尺寸,它们也能愉快地工作。但是在移动设备上,当您点击下拉菜单时,下拉菜单会打开,但点击下拉菜单中的任何链接只会导致下拉菜单关闭,而不会点击链接。这似乎类似于thisotherSOquestion,但解决方案是将data-toggle="dropdown"移动到我已有的位置。这是下拉按钮页面上的html:DropdownbuttonRecentGoogleBing/***TwitterBootstrapJQuery*///!functi

javascript - Flexslider:在自定义按钮单击时移动到下一张幻灯片(有延迟)

我使用Flexslider已经有一段时间了并且很喜欢它,但是我有一个自定义函数,我正在尝试实现它,但我有点卡住了。在每张幻灯片中,我都有一些带有2个按钮的文本,基本上是true或false。单击其中一个按钮后,它们会根据用户是否选择了正确的答案进行动画处理。不管他们选择什么,在几秒钟的短暂延迟后,我希望幻灯片以动画方式播放到下一张幻灯片。我的flexslider调用如下所示:$(window).load(function(){$('.flexslider').flexslider({animation:"slide",animationLoop:false,slideshow:fals

javascript - 无法读取 Angular 移动设备中未定义的属性 'makeCurrent'

我已经按照angular移动了,https://github.com/angular/mobile-toolkit/blob/master/guides/cli-setup.md节点版本v4.4.3NPM版本2.15.1问题是当我键入$ngserve时遇到以下错误。Cannotreadproperty'makeCurrent'ofundefinedTypeError:Cannotreadproperty'makeCurrent'ofundefinedatObject.(/Users/user/Documents/Projects/PWA/hello-mobile/node_module