草庐IT

Javascript:在 div 上执行的 scrollBy 函数

我有一个带有overflow:scroll;的div,我想放一个按钮。当您按下它时,div的内容会滚动。类似于:functionscrollDiv(){document.getElementById("d").scrollBy(100,100);}Clickthebuttontoscrollby100px.Clickmetoscroll!这在FF中有效,但在Chrome中无效。在Chrome中我得到UncaughtTypeError:undefinedisnotafunctionscrollBy函数似乎被定义为window函数,所以我猜这就是问题所在,它在FF中工作而不是标准。但是还有

javascript - 我应该如何使用 jQuery 将多个相同的元素添加到一个 div

我需要使用jQuery将多个空div添加到容器元素。目前我正在使用循环生成一个包含空html的字符串divstr='...';然后将其注入(inject)到我的容器中:$('#container').html(divstr);是否有更优雅的方式来插入多个相同的元素?我希望找到既不会破坏链接又不会让浏览器崩溃的东西。可链接的.repeat()插件? 最佳答案 如果您希望IE更快-或者通常考虑速度,那么您需要先构建一个DOM片段,然后再插入它。JohnResig解释了这项技术并包括了一个性能基准:http://ejohn.org/blo

javascript - 页面加载 2 秒后显示 div

我目前正在尝试在页面加载2秒后显示一个div。我可以通过在页面加载两秒后隐藏div来成功地完成相反的操作。问题是什么都没有发生并且div保持隐藏状态。如何在页面加载两秒后正确显示div?额外:意思是当两秒钟运行时显示一个ajax加载gif,然后淡入div$(window).load(function(){setTimeout(function(){$("#contentPost").show('fadeIn',{},500)},2000);});html/css.contentPost{display:none;}Hithere 最佳答案

javascript - 设置一个div来显示:none; using javascript or jQuery

我有一个非常简单的问题,应该很容易回答。我有一个移动导航菜单,它使用jQuery来“向下钻取”菜单级别。每次加载关卡时,jQuery都会确定菜单的高度,并相应地进行设置。我在按钮上使用以下脚本来根据当前页面切换显示和隐藏主菜单:(function($){$("a.BNnavTrigger").click(function(event){event.preventDefault();$("div.drill-down-wrapper").slideToggle("9000");});})(jQuery);为了使菜单在某些页面上开始“关闭”,我知道我必须将display:none;的css

javascript - 基于滚动条位置的 Div 不透明度

找到当滚动条到达某个位置时如何淡出div的例子here.但这不是平稳的throttle式淡入淡出。这是来自该jsfiddle的代码:vardivs=$('.social,.title');$(window).scroll(function(){if($(window).scrollTop()我希望不透明度百分比反射(reflect)滚动条的位置。例如,当滚动条位于最顶部时,div不透明度为100%。当我向下滚动35px时,我希望div的不透明度逐渐降低到0%当divA距顶部35px时,divB=100%不透明度可能是一种技术。当divA距顶部0px时,divB=0%不透明度。并让它在中

javascript - 切换 - 在 div 外部单击时隐藏项目

我正在使用jquery的slidetoggle,想了解如何在点击DIV之外的任何地方时隐藏showup类。谢谢!在线样本:http://jsfiddle.net/evGd6/clickmesomethingIwanttoshow​$(document).ready(function(){$('.click').click(function(){$(".showup").slideToggle("fast");});});​.showup{width:100px;height:100px;background:red;display:none;}.click{cursor:pointer

javascript - 在原生 javascript 中创建一个可拖动的 div

这个问题在这里已经有了答案:Moveable/draggable(9个回答)关闭5年前。我想在不使用jquery和库的情况下使用nativejavascript创建一个可移动/可拖动的div。有教程之类的吗?

javascript - 为 div 创建线性透明渐变

我想为一个div创建一个线性透明渐变。有什么办法可以用jquery做到这一点吗?或者我应该使用像raphaeljs这样的其他库吗?我想实现如下效果: 最佳答案 为什么不让它保持轻便和浏览器兼容。div{backgroud-image:url('images/gradient.png');background-repeat:repeat-x;background-position:topright;} 关于javascript-为div创建线性透明渐变,我们在StackOverflow上找

javascript - 如何使用 jquery 或 javascript 滚动到特定的 div

我想使用jquery滚动到特定的div我写的代码是这样的:$("#button").on('click',function(){varp=$("#dynamictabstrp");varoffset=p.offset();window.scrollBy(offset.left,offset.top);});但它并没有移动到div位置。我怎样才能在jquery或javascript中做到这一点 最佳答案 试试这个$("#button").on('click',function(){$('html,body').animate({'sc

javascript - 滚动到水平 div 中的元素

我有一个水平div:我需要通过JavaScript按钮滚动到此div中的特定元素(在单击div后必须滚动到该元素)。我该怎么做?........ 最佳答案 或者您可以使用以下代码段:$('.scrollable').animate({scrollLeft:$('#dstElement').position().left},500);在哪里position()如果定位了scrollable,则返回#dstElement到`.scrollable'的相对位置。代码与演示var$scroller=$('.scroller');//assi