草庐IT

移动性

全部标签

javascript - 使用 Javascript 强制移动浏览器缩小

在我的网络应用程序中,我有一些缩略图,单击它们会打开一个灯箱。在移动设备上,缩略图很小,用户通常会放大。问题是当他们点击播放时,灯箱在可视区域之外(他们必须滚动到灯箱才能看到视频)。是否可以强制移动浏览器缩小以便他们可以看到整个页面?让页面更具响应性现在不是一个选择;这是一个相当大的Web应用程序,需要花费大量时间进行重构。 最佳答案 挖掘了很多其他问题,试图缩小某些内容以适合整个页面。这个问题与我的需求最相关,但没有答案。我找到了thissimilarquestion它有一个解决方案,虽然实现方式不同,但不是我需要的。我想到了这个

javascript - Three.js 围绕物体旋转相机(可能会移动)

我有一个相机在场景中以几种不同的方式移动。相机应围绕目标位置旋转。在我的例子中,这是用户瞄准的网格上的一个点。因为相机通常不需要相对于这一点移动,所以我无法在这里使用枢轴的想法:https://github.com/mrdoob/three.js/issues/1830.我当前的解决方案使用以下代码:varrotationY=newTHREE.Matrix4();varrotationX=newTHREE.Matrix4();vartranslation=newTHREE.Matrix4();vartranslationInverse=newTHREE.Matrix4();varmat

javascript - JS onclick 移动替代方案 - onclick 在 iOS 和 Android 上也已弃用

我在HTML中有这个HereismyformthatisdisplaydonclickandthebuttonAPPLYEVENTwilldisappear!(Aslongasmyformalreadyhasabutton!)APPLYEVENT这在CSS中:.hidden-div{display:none;}在桌面设备上工作正常,但在iOS和Adroid上,我的主按钮“应用事件”不会消失,我有2个按钮,主按钮(停止消失)和表单按钮。iOS从v8开始,现在Android似乎停止支持“onclick”。有人可以帮帮我吗?我是JS初学者!JSFiddleHere

javascript - Bootstrap 避免使用导航栏切换按钮关闭移动设备上打开的子菜单

我有一个基于Bootstrap3.3.7的代码我的菜单有不同的菜单项和子菜单,我想在手机上打开所有的子菜单项,意味着不需要点击任何菜单项来显示它的子菜单,所以我写了一个JS代码来打开所有手机上的子菜单:functionopensubmenus(){if($(window).width()但问题是当我点击导航栏切换按钮时,它会关闭所有子菜单,但我需要让它们在移动设备上始终保持打开状态你可以在这个网站上查看我的在线样本:https://dedidata.com我在这里展示了一个截图:https://pasteboard.co/IfSMCIu.jpg我不喜欢完全禁用navbar-toggle

javascript - 当鼠标停止移动时执行 Jquery

我有一个快速脚本,它有一条跟随光标的轨迹:jQuery(document).ready(function(){$(document).mousemove(function(e){$('.fall').each(function(){if($(this).css("opacity")==0){$(this).remove();};});t=(e.pageY-10).toString()+'px';l=(e.pageX-10).toString()+'px';$('.fall').css("margin_left",l);$('.fall').css("margin_top",t);var

javascript - 将 DIV 元素移动到父元素的底部(作为最后一个子元素)

我正在尝试为我正在开发的网站的主页顶部创建一个不断旋转的横幅。我认为保持它不断旋转的最佳方法是获取第一个DIV(firstChild),并在它滑出View后将其移动到堆栈的末尾。这个:应该变成这样:我使用Prototype框架...我尝试通过使用我自己的方法克隆元素并将其插入到父DIV的底部来实现这一点,但我发现并非所有样式属性都被结转,我想放弃这种方法,因为我不希望移动的是元素的副本/克隆,而是实际元素本身。谢谢。 最佳答案 假设div有一个有效的父元素,这里有一些简单的javascript可以做到这一点:vard=documen

javascript - 当鼠标一段时间不移动时,用 jQuery 隐藏 div 元素?

我有一个广播视频网站,有一个菜单,当鼠标有一段时间没有移动时(比如说10秒),该菜单应该被隐藏。同样,它应该随着鼠标移动而出现。使用css和jQuery执行此操作的最佳方法是什么?先感谢您。 最佳答案 看看mousemove事件。你可以尝试这样的事情:vari=null;$("#element").mousemove(function(){clearTimeout(i);$("#menu").show();i=setTimeout(function(){$("#menu").hide();},10000);}).mouseleave

javascript - 将字符串前面的 n 个字符移动到末尾

这似乎是一个简单的问题,但我找不到解决方案。我想先取字符串中的2个字母,然后将它们移到该字符串的末尾。因此,例如,OK12将变为12OK。编辑:到目前为止,我已经尝试切断字符串,然后将其添加到字符串的其余部分,但我认为有一个单行解决方案,例如预定义函数或其他东西。 最佳答案 "OK12".substr(2)+"OK12".substr(0,2)通用解决方案:varresult=str.substr(num)+str.substr(0,num);LiveDEMO 关于javascript-

javascript - 在 JavaScript 中使用箭头键移动焦点

我希望能够使用箭头键浏览我网页上所有可聚焦的元素。因此,当按下向下键时,焦点应该转移到当前聚焦元素下方的可聚焦元素。您了解其他箭头键的想法,当没有要转移到的可聚焦元素时,焦点应保持不变。这是我到目前为止得到的:$(document).keydown(function(e){if(e.keyCode==37){//leftvaroffset=$("*:focus").offset();varallElements=$("#container").find('a[href],area[href],input:not([disabled]),select:not([disabled]),te

javascript - jQuery 移动图标计数徽章/气泡

如何在jQueryMobile中的图标(数据图标)顶部添加计数气泡或徽章。有没有更好的方法将它添加为小部件而不是使用CSS进行操作?我希望从服务器动态更新计数。 最佳答案 这是我的徽章图标版本,可以通过CSS轻松调整(它假设border-radius支持):.my-badge{display:none;background:#BA070F;color:#fff;padding:1px7px;position:absolute;right:4px;top:-12px;z-index:999;border-radius:.8em;bor