草庐IT

CSS定位div

全部标签

javascript - Sencha 触摸 2 : itemtap on IE not targeting divs

我正在开发一个Cordova混合应用程序,目前在Windows8.1和SenchaTouch2上遇到问题。我在一个带有一些子元素的列表项上得到了一些div。我定义了一个点击监听器。这适用于Android和IOS,但不适用于Win8.1和InternetExplorer。我总是得到上面说谎的列表项元素,而不是点击的div容器。这是简化的例子:查看:Ext.define('App.view.MyDataView',{xtype:'mydataview',extend:Ext.dataview.List,config:{inline:false,title:"myTitle",scrollT

javascript - JQuery 可排序嵌套可排序 div

这个问题跟这个有关系NestjQueryUIsortables,但我无法用它解决我的问题。这就是问题所在:我有一个包含项目的主容器,这些项目是div,可以是未分组的项目或组,其中包含其他项目。我可以通过拖动.multiply-groupdiv来定义新组,然后我可以一次拖动所有组。这是代码:Item1Item2Item3Group1Item4Group2Item5vargroupWrap=function(){$('.multiply-container').children().each(function(index,item){if($(item).hasClass('multipl

javascript - 在解决控制台中的 [Violation] 警告时滚动 DIV 时防止页面滚动

起初这似乎是重复的问题回答here但还有更多问题需要弄清楚。在googlechrome控制台中给定[Violation]警告,我该如何解决?[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.这是有效的代码片段,但带有上述[Violation]警告。$.fn.isolatedScroll=function(){this.on('mousewheelDOMMo

javascript - Google map 在 div 中时不起作用

我正在尝试使用GoogleMapsAPI,而要包含map的div只有在不在另一个div中时才有效。我用两个map创建了一个小示例代码,第一个有效,第二个无效。如果我删除这段代码的文档类型,两者都有效。有什么想法吗?html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:50%}#map_canvas2{height:50%}Mapfunctioninitialize(){varlatlng=newgoogle.maps.LatLng(20,20);varmyOptions={zoom:8,c

javascript - 使用 javascript 或 jquery 水平滚动 div onclick

过去两天我一直在为此寻找一个简单的javascript或jquery代码。我想合并一个使用javascript或jquery的水平滚动div来显示我的网络作品集工作页面的图像和描述性文本。它的功能与这里显示的glide-onclick滚动非常相似:http://www.dyn-web.com/code/scroll/demos.php#horiz不幸的是,代码许可证是40美元,而我是一个破产的学生。在加载页面时,将显示三个投资组合图像。额外内容隐藏在右侧的溢出部分中。点击左箭头(我可以创建),一个新的图像幻灯片从右侧进入View。单击右箭头会将其送回溢出。我不需要滚动条,只需要控制幻灯

javascript - 无法在 AJAX 中使用来自成功函数的 div

我不知道为什么这对我不起作用。}).success(function(data){if(data.status=='success'){//$("#useravatar").empty();for(i=0;i'+data.avatar[i]+'');vardropDiv=$('#av'+data.id[i]);//Codefromheredontwork.Noerror.triedalert(data.id[i]);andisfine.dropDiv.css({left:130,top:-190,opacity:0,display:'inline'}).animate({left:5,

javascript - 带文字的 CSS 平行四边形

我使用CSS3的skew变换制作了一个平行四边形,并将文本放置在另一个具有相反skew值的div中,以便文本保持未变换:JSFiddleexample.有没有办法让文本像这样对齐平行四边形的边缘:我愿意接受其他建议,例如在无法使用CSS的情况下使用canvas。如果有一种JavaScript技术可以做到这一点,那么任何可能有用的链接都将不胜感激。更新:在寻找一些跨浏览器解决方案后,我发现实现此目的的最简单工具是thistool。. 最佳答案 根据要求,您的答案在于使用-webkit-shape-in​​side:http://hon

javascript - 在纯 JavaScript 中点击 div 外部隐藏 div

我想制作一个弹出窗口,该弹出窗口应在单击按钮后出现,并在用户单击框外时消失。我不确定如何在单击div外部时使它消失。varpopbox=document.getElementById("popbox");document.getElementById("linkbox").onclick=function(){popbox.style.display="block";};???.onclick=function(){popbox.style.display="none";}; 最佳答案 这是提问者在评论中要求的具有透明覆盖层的第二个

javascript - Vuejs css 作用域性能

我正在使用VueJs开发一个新的应用程序,我看到它实现了一个像这样的“css作用域”.example{color:red;}hi它呈现的样子.example[_v-f3f3eg9]{color:red;}hi我要开发一个包含许多原子设计组件的大元素,我想问一下,为了性能,使用类还是使用作用域更好 最佳答案 Scopedstylesdonoteliminatetheneedforclasses.DuetothewaybrowsersrendervariousCSSselectors,p{color:red}willbemanytime

javascript - 有没有办法判断元素是否已完成 CSS3 过渡?

我正在寻找事件、回调或其他方式来判断CSS3转换何时完成。这可能吗? 最佳答案 使用transitionend事件。请注意,必须添加特定于vendor的前缀。 关于javascript-有没有办法判断元素是否已完成CSS3过渡?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9995642/