草庐IT

twitter_div

全部标签

javascript - div 水平进入视口(viewport)时的动画

我正在创建一个无限水平进给,我想在元素水平进入视口(viewport)时为元素设置动画。我正在为此尝试使用waypoint.js。JSFIDDLE1234将.show添加到div,这会将div的不透明度从0更改为1。$(function(){$(".item").each(function(){$(this).waypoint(function(){$(this).addClass('show');},{offset:'100%',horizontal:true});});});CSS.item{width:500px;height:250px;background:red;color

javascript - 在 Internet Explorer 中的 contenteditable div 上隐藏插入符号(文本光标)

我有一个contenteditablediv,我在上面有文件拖放和复制粘贴图像事件。通过使用color:transparent我可以隐藏chrome浏览器上闪烁的光标。但在IE中我开始知道“在IE上输入的文本光标的颜色总是背景颜色的反色”。来源:HowdoIchangethecolorofthetextcursorinaninputfieldinIE?是否有任何其他方法可以禁用光标或更改闪烁光标的速度,使其看起来像隐藏在IE中。 最佳答案 您可以在CSS中使用:caret-color:transparent虽然在IE中不起作用。这是

javascript - 确保调整任何内容的大小以适应固定的 div

好的,问题来了:我有一个div,它设置为几乎整个屏幕大小(在移动设备上),内容将放置在其中,但内容本身不受我的直接控制。图像或内部链接上不会有内联样式。我需要确保:1-div中的所有内容都可见,如果有很长的行,它们将被迫换行,或者干脆被chop。2-图片应保持其纵横比,但调整大小以保持在div的范围内。3-内容应该“填满”空间,根据需要变大或变小。最后一个好处:内容中最多只能有一张图片,但可以有多个链接。我在这里找到了一些其他的答案,但没有一个能满足这个特殊的挑战。jQuery是一个选项,但我发现它在移动设备上运行缓慢,jQueryMobile是一个选项,但同样的基本问题。以最有效的方

javascript - Dynamicpage div 在加载新内容后不久闪烁

我正在使用动态页面脚本通过Ajax将内容加载到我的页面中。除了1期外,一切正常。我有一个页面,其中的div彼此堆叠在一起例如:header-banner-nav-content-likebox-twitterwidget-footer。如果我更改页面,例如,如果我从家里去联系,然后我会看到我的likebox和twitterwidget在不到一秒钟的时间内转到页面顶部(导航下方)。之后一切都正确加载,但是在显示联系页面之前看到框在顶部闪烁很烦人。如何修改dynamicpage.js脚本,使其不会很快将内容下方的div移动到顶部?这是我的脚本:$(function(){varnewHash

javascript - 如何使同步两个 Divs 滚动位置更平滑

我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc

javascript - flex 中的 Marquee div

我正在尝试创建一个无限的水平“滚动”,如选取框效果(例如likethisone)。这是我的代码:.parent{border:1pxsolidblack;width:100%;height:2rem;}.container{height:100%;display:flex;padding-left:10%;border:1pxsolidtomato;animation:marquee5slinearinfinite;}@keyframesmarquee{0%{transform:translate(0%,0);}100%{transform:translate(-100%,0);}}.

javascript - 我怎样才能将焦点放回具有较低 z-index 的对象,尝试在 map 顶部创建一系列透明 div

如果我有一个父div,上面有一个子div,我可以给父div焦点而不隐藏子div吗?我正在使用GoogleMapsAPI并想在其上绘制一个透明div网格以插入信息,但是,由于所有这些小div都在我的map上,我无法拖动map。我确信我可以使用API来做到这一点,但这有点离题了,因为无论我在什么基础上工作,我都想这样做。Someoverlayinformation我正在使用JQuery并弄乱了.focus()但没有成功。谢谢! 最佳答案 事实证明,您可以使用jQuery“传递”事件:$(document).ready(function(

javascript - 在 IE 9 的 contentEditable DIV 中禁用 <img> 选择和调整大小

我正在从事一个项目,该项目试图使用contentEditableDIV实现一些编辑功能。我们现在正尝试添加对IE9的支持(在最初提供Chrome/Safari支持之后),事实证明这是一个挑战。我们可以在Chrome中做的是内容可编辑的div中的对象,并允许这些要拖放但不调整大小的元素。此外,在contentEditablediv中按TAB键不应选择。在IE9中,我找到了一些阻止调整图像大小的方法(例如PermittingmovingonlyofswithincontentEditable),但即便如此,在单击图像时仍然会显示那些该死的调整大小句柄。我的大问题是,在IE9中,当我在con

javascript - Chuck Norris 推特小部件在 IE 上失去了风格

在IE上异步加载twitter小部件时遇到一个奇怪的问题。它加载得很好,但由于某些原因仅在IE(7,8,9)上不应用任何样式(颜色、背景为空白/默认)。以标准方式加载脚本也适用于IE。代码看起来像这样并且适用于所有浏览器(包括IE,但没有样式)jQuery(window).load(function(){jQuery('').appendTo("head");jQuery.getScript('http://widgets.twimg.com/j/2/widget.js',function(){vartwitter=newTWTR.Widget({id:'twitter_div',ve

javascript - Twitter Bootstrap 粘性子导航在它应该在较短的页面上之前变得固定

我实现了一个自动float的子导航栏,直接取自BootstrapdocsCSSandJS,在我正在处理的网站中。它只出现在一个View中,但这是一个RailsView,因此它是根据加载的对象动态生成的。我发现,当出现在子导航栏下方的内容足够长时,子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是,如果页面比这短,子导航栏将在它实际超出View之前固定,这会产生非常刺耳的跳转,更不用说您可以看到该栏曾经所在的空间,您应该看不到。我应该补充一点,我使用的是固定的(主)导航栏,并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off