草庐IT

javascript - 始终滚动 div 元素而不是页面本身

我有一个内部的页面布局包含页面上重要内容的元素。关于设计的重要部分是:#content{height:300px;width:500px;overflow:scroll;}现在,当包含的文本大于300像素时,我需要能够滚动它。是否可以滚动,即使鼠标没有悬停在元素上(箭头键也应该有效)?请注意,我不想禁用“全局”滚动:页面上应该有两个滚动条,全局滚动条和的滚动条|.唯一改变的是内部应该始终滚动,除非它不能再移动(在这种情况下页面应该开始滚动)。这有可能以某种方式实现吗?编辑我认为这个问题有点令人困惑,所以我将附加一个我希望它如何工作的序列。(Khez已经提供了概念验证。)第一张图片是页面

javascript - 使用 Javascript 翻转一个 div

Flip是一个很棒的用于翻转block的JQuery插件,但它在为翻转设置动画时不会保留背景。例如,Ihavethisprettybackgroundhere,在我翻转之前。Whileflipping,itgetsugly.有没有一种方法可以很好地翻转这个div,保持我拥有的漂亮背景,甚至可以实现比Flip更流畅的动画?如果我需要先深入研究这个问题并编写自己的函数来翻转div,那也是可行的,如果那是我必须做的,我真的很感激那里的一些指示。非常感谢! 最佳答案 试试jQueryQuickFlippulgin,这个处理背景看起来很整洁。

javascript - 单击其他 div 动态更改 div 内容(AngularJS)

所以,我是AngularJS的新手,我试图在单击另一个div后更改一个div内容(这个包含一个div,其中包含我想放在第一个上的内容)。HTML{{product.name}}{{product.description}}Javascriptvarapp=angular.module("dt",[]);app.directive("change",function(){returnfunction(scope,element){element.bind("click",function(){varmessage=element.children("div").text();consol

javascript - 获取div未溢出部分的高度

假设我有一个包装div,上面有一个overflow:hidden,里面有一个远远低于可见部分的div。如何获取内部div的可见高度?我尝试获取内部div高度的每种方法都会返回包括隐藏部分的完整高度,即2000像素。我希望能够仅获得可见部分的高度,因此在本例中为400px。我知道我只能获取parentNode的高度,但在生产中,内部div可能不是第一个子节点。因此可能有其他div将它们分隔开,因此#inner的高度将为400-无论它与#wrapper之间的元素偏移量如何。 最佳答案 作为基本算法,这可以工作:varoffset=0;v

javascript - 右键单击 Div(信息框)被禁用。我如何启用它

我正在使用GoogleMapsV3API的信息框插件。http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html问题:当我右键单击信息框div时,没有任何反应。对于作为父信息框div的子级的任何div也是如此。但是我有一个输入框,其中包含一些我希望能够选择并右键单击复制的文本。如果我无法右键单击它,该怎么办?更重要的是,如何启用右键单击?示例http://google-maps-utility-library-v3.googlecode.com/svn/trunk/

javascript - jQuery 在悬停时打开 div;自动滚动

我有一个UL列表,里面有几个链接,每个项目都链接到它自己的DIV。当用户将鼠标悬停在UL链接上时,会显示正确的DIV框。这是我的HTML代码:Link1Link2Link3Somethinggoeshere1Somethinggoeshere2Somethinggoeshere3以及让它工作的JavaScript(不是JavaScript专家,抱歉):$(function(){var$boxes=$('.boxlink');$('.productlist.product-link').mouseover(function(){$boxes.hide().filter('#box'+th

javascript - 如何在到达屏幕一侧后反转移动 div 的方向?

我有一个绝对定位的div,它使用jQuery.animate函数从屏幕的右到左水平移动。我的问题是,一旦div到达最左侧,它就会继续并最终从屏幕上消失。你如何做到一旦div到达左侧,它就会反转并开始向右移动?(然后反之亦然,这样右侧就不会继续向右走,而是在到达尽头后再次向左走)HTML:CSS:.block{float:right;position:absolute;right:100px;width:100px;height:100px;background:red;}jQuery:$('.block').click(function(){$(this).animate({"righ

javascript - 当 DIV 在 View 中时触发 JavaScript 事件

是否可以在页面上出现某个DIV时触发特定的JavaScript事件?例如,我有一个非常大的页面,例如2500x2500,我有一个40x40的div,它位于1980x1250的位置。div不一定是手动定位的,它可能是因为内容将它推到那里。现在,是否可以在用户滚动到div可见的位置时运行函数? 最佳答案 不是自动的。您必须捕捉滚动事件并通过比较div矩形与可见页面矩形的坐标来检查它是否每次都在View中。这是一个最小的例子。hellofunctionVisibilityMonitor(element,showfn,hidefn){var

javascript - javascript 中可滚动区域/div 的增量单位?

在javascript中,我可以确保我的大div垂直滚动吗仅以(比方说)16像素为单位在java中,这些被称为“增量单位”。我在javascript中找不到任何类似的东西:我想确保部分滚动时某个区域(div)始终是View16的倍数。这让我可以对背景图片和其他图片进行处理。谢谢 最佳答案 varlastScroll=0;$('div').scroll(function(){varel=$(this),scroll=el.scrollTop(),round=lastScrollhttp://jsfiddle.net/m9DQR/2/确

javascript - Jquery 在 for 循环之后将 html 元素附加到 div,奇怪的行为

代码如下:$('#date').append(''+'--SELECT--');for(variindata){$('#date').append(''+data[i]['date_time']+'');});$('#date').append('');总是在for循环上面添加。例如,如果我用workselect替换它,它会附加在末尾,它应该在的位置。为什么会发生这种情况,我该如何解决? 最佳答案 我相信jQuery会像这样生成DOM:--SELECT--foobaretc...因为它会自动关闭第一个之后.append().您之后要