草庐IT

load-remote-content-into-div-elem

全部标签

javascript - 检测到屏幕外的 Div

我通过javascript(w/jQuery)和CSS编写了下拉菜单。下拉菜单工作正常,但如果下拉菜单位于Angular落,例如用户屏幕的最右边或最左边,那么如果用户打开下拉菜单,它会溢出到窗口的不可见区域并导致水平滚动条。如何停止溢出?HTMLMenuHello1Hello2Hello3CSS.dropdown{z-index:1}.dropdown.headlink{border:1pxsolid#C7C9CF;padding:4px6px;}.dropdownli{}.dropdowna{outline:none}.dropdownul{z-index:100;border:1p

javascript - 用 flash[ :notice] using right. js 的内容刷新一个 div?

我在我的sinatra应用程序中使用内联haml模板。我有一个包含如下部分的@@layout:#message-ifflash[:notice]%section.notice=flash[:notice]-ifflash[:error]%section.error=flash[:error]当我使用flash[:notice]="Hello!"在route并单击链接,下一页在#messagediv中愉快地说“你好”。太棒了。所以这就是问题所在,我正在使用right.js为我的应用程序添加一些ajax功能,rack-flash的行为充其量是不一致的。大多数情况下,您单击一个链接(.lin

javascript - 如何捕获 :after content in IE8?

我正在将:after伪元素应用于显示我的媒体查询断点名称的正文,如下所示:body::after{content:'medium';display:none;}这样做的原因可以在这里找到:http://adactio.com/journal/5429/我想在IE8中使用javascript获取:after的内容值。这就是我为其他浏览器做的:varbreakpoint=window.getComputedStyle(document.body,':after').getPropertyValue('content');但IE8不支持getComputedStyle(),我知道它支持cur

javascript - jQuery:get() 比 load() 慢

显而易见的问题-为什么?我需要从外部页表单元格中获取,然后将其注入(inject)当前页。使用了复杂的选择器。这是.load():$('#check').load('https://bla-bla-bla.small:contains(Something)+.small:lt(1)');这是.get():functionshowGetResult(){varresult=null;varscriptUrl="https://bla-bla-bla";$.get(scriptUrl,function(data){result=$(".small:contains(Something)",

javascript - 在 iPhone 上滚动页面时隐藏和显示 div

需要在网页顶部显示一个元素(div)。在滚动期间,元素应该消失并在滚动结束后重新出现。增加复杂性:我们的代码是访客代码(因此我们无法操纵DOM结构等)。我们的代码适用于iPhone/iPad(移动Safari浏览器)我们尝试在文档/主体上监听touchstart事件,并在我们的专用处理程序中隐藏元素(div)。然而,在某些站点中(当DOM结构变得相当复杂时)滚动响应时间显着增加,即使处理程序实现完全是空的。我们正在寻找适当的方法来管理元素(重新)出现,同时将滚动时对用户体验的影响降到最低。 最佳答案 我认为Javascript是您的

javascript - 无休止地旋转图像/div(跨浏览器)

我正在尝试为这种效果找到一个跨浏览器的解决方案,但这是我能找到的最好的解决方案:http://jsfiddle.net/fE58b/19/它对CPU也非常友好。一些非跨浏览器的javascript解决方案使用了近50%的CPU。在我看来,这不是网络使用的解决方案。提供的示例适用于Chrome17、Firefox11和Safari5.1.7。所以我的问题是:有没有一种方法可以创建这种效果(当然不用flash或java),这样它也可以在Opera和IE中工作?编辑:HTML​CSS@-webkit-keyframesspin{from{-webkit-transform:rotate(0d

javascript - 在靠近底部的地方拖动时在可移动的 DIV 内部滚动

我在一个可滚动的div中有多个可拖动的div。当我将它们拖入可放置区域(这也是一个可滚动的div)时,可放置的DIV不会向下滚动。只是页面在移动。怎么说,只有可放置的div应该在拖动时滚动?这是我当前用于使div可拖动的jquery代码$(".drag_item").draggable({helper:'clone',scroll:true,drag:function(event,ui){$(this).css('z-index','100');}}); 最佳答案 我想到了这个解决方案:vardirection={};varboun

javascript - 捕获 'Blocked loading mixed active content' CORS 错误

在firefox中,当javascript尝试从https上托管的页面向http服务器发出CORS请求时,它会抛出错误:Blockedloadingmixedactivecontent我想捕获这些错误,但不知道如何捕获。例如,我用jQuery尝试过这样的事情:try{$.get("http://public.opencpu.org/ocpu/library/").fail(function(xhr,err){console.log("Servererror:"+xhr.responseText);});}catch(e){console.log(e.message);;}但是xhr.r

javascript - 附加的 div 无法滚动

在谷歌浏览器中,我附加了一个div。当我点击按钮时,红色的div会滑出,但它不能用鼠标滚轮滚动。该错误只发生在谷歌浏览器中。这是一个示例页面:http://infinitynewtab.com/question/test.htmlhtml、css和js:body{margin:0px;overflow:hidden;}#right{width:350px;height:100%;position:absolute;top:0px;right:-350px;background-color:red;overflow-y:scroll;}#button{width:180px;height

javascript - 隐藏 div 是否会停止动画(CSS 或 JS)?

将任何基于CSS的加载器动画作为引用。通常,当某些回调函数执行成功时,div会被隐藏,以表明结果已经到达。我的问题是,隐藏div实际上会停止动画吗?或者它们是否仍在继续耗尽CPU周期?非CSS动画呢? 最佳答案 长话短说Myquestionis,doeshidingthedivactuallystoptheanimation?OrdothosestillcontinuetouseupCPUcycles?不确定动画状态是如何在内部定义的,但它一旦隐藏就不会使用CPU周期。Whataboutnon-CSSanimations?CPU周期