标签: scroll

我最近遇到了这个网站http://www.ascensionlatorre.com/home,我喜欢鼠标滚轮滚动的方式 - 缓和非常顺畅.

我一直在搜索谷歌,但我找不到类似的东西.

有没有人对如何使用jQuery复制这种效果有任何建议？

我试图制作两个div,一个在另一个里面.内部div大于外部div,外部div具有overflow:scroll,而内部div具有margin:25px.所以我这样做:

#outer {
    width: 200px;
    height: 100px;
    overflow: scroll;
}
#inner {
    width: 400px;
    height: 200px;
    margin: 25px;
}

...

<div id="outer">
    <div id="inner">

    </div>
</div>

而不是像预期的那样一直保持25px的内部div,三边有25px的边距,但在右边没有.在我看来,这非常违反直觉.

如果我添加一个宽度足够宽的中间div来包含内部div + 50px,我们可以让它看起来正确,但这似乎是一个hacky变通方法.

看看我在JSFiddle上的例子:http://jsfiddle.net/d3Nhu/16/

这在每个主要浏览器中都以相同的方式发生.这种行为有什么好的理由吗？根据CSS规范,这是正确的行为吗？

注意:正如您在此示例中所期望的那样,如果您使用overflow:auto而不是,则没有任何区别overflow:scroll.

编辑:请注意,我不是在寻找这种行为的解决方法.(我已经找到了一个.)我正在寻找关于这种行为的原因的任何见解,特别是如果它在任何地方的CSS规范中都有记录.

我的标题中有一个广告,页面底部有一个固定的广告,它始终存在.我希望仅当用户在标题广告下滚动时才会显示固定广告.我查看了JQuery文档,但我不确定应该使用什么.

我有一个div使用overflow:auto来保持div内的内容,因为它被调整大小并在页面上拖动.我正在使用一些ajax从服务器检索文本行,然后将它们附加到div的末尾,因此内容正在向下增长.每次发生这种情况时,我都希望使用JS将div滚动到底部,以便最近添加的内容可见,类似于聊天室或命令行控制台的工作方式.

到目前为止,我一直在使用这个代码片段(我也使用jQuery,因此$()函数):

$("#thediv").scrollTop = $("#thediv").scrollHeight;

然而,它给了我不一致的结果.有时它可以工作,有时不工作,如果用户调整div或手动移动滚动条,它就会完全停止工作.

目标浏览器是Firefox 3,它被部署在受控环境中,因此根本不需要在IE中工作.

有什么想法吗？这个让我难过.谢谢!

是否可以在WPF中实现平滑滚动,listview就像在Firefox中一样？
当Firefox浏览器包含所有listview项目并按住鼠标中键(但不是释放)并拖动它时,它应该平滑地滚动listview项目.当你释放它应该停止.

看起来这在winforms中是不可能的,但我想知道它是否在WPF中可用？

我的表单上有一个面板,AutoScroll设置为true,因此会自动显示滚动条.

如何使用户可以使用鼠标滚轮滚动面板？谢谢你.

可能重复:
当scrollView到达Android底部时如何触发事件？

我已经尝试了一个小时左右来检测我的scrollView何时到达屏幕的底部.由于各种屏幕尺寸和Android没有涉及的内容,我不能简单地说当它的Y位置达到某个值时它位于底部,但是没有方法可以检测到它在底部是否找到了.

我确信这有一个简单的解决方案,通过其他变量或其他东西减去视图的高度,但由于某种原因它只是没有点击我.任何想法将不胜感激,谢谢.

我.vimrc有以下几行

set mouse=a
map <ScrollWheelUp> <C-Y>
map <ScrollWheelDown> <C-E>

但是当我使用鼠标滚轮向上滚动时,我会将文本放在 Vim 上方.例如,如果我刚刚启动Vim,我会收到终端会话文本.我最初在帮助文件上试验鼠标滚轮,然后转到其他文件,因此a选项.

我还需要设置什么？我在终端内使用Snow Leopard和Vim 7.3.

在这里,我刚做了一个轮子.请参阅顶部的终端会话.

我有2个主要的div,标题和div中包含的滚动列表.我希望标题始终保留在页面顶部,以及下面的滚动列表.滚动条应该连接到滚动div而不是整个页面,即滚动条不会出现在标题的右侧,只是滚动div.

这就是我想要实现的目标:

______________________
|_______header_______|
|                  |*|
|   Container Div  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
----------------------

* = scrollbar

布局应该是流畅的,如果窗口垂直拉伸,只有容器div和它的滚动条应该更长.

我不想定位标题,position: fixed;因为滚动条将位于其右侧而不是位于其下方.

我正在尝试创建一个没有垂直滚动页面的网站,但我需要其中一个DIV我必须垂直扩展到页面底部(最多),并且当它的内容不适合时,div应该创建一个垂直滚动条.

我已经在这个小提琴中找到了div 内部的css,在需要时创建了滚动条.我也想出了如何使容器div增长到恰好占据页面中的垂直空间.我只是不能让他们一起锻炼!

请记住,在jsfiddle你将无法查看整个网站的内容,从这个意义上说,你得到的第二小提琴并没有真正显示正在做什么,但它按照我的意图工作.

只是另一个注意事项:因为它们是不同的小提琴,第一个小提琴中的id#container div是第二个例子的id #dcontent div.

另外还有一件事:对于一种内容,这个div将垂直滚动,但对于其他类型的内容,我希望它水平滚动,因为它将有一个产品"滑块"在这个DIV内水平显示元素.

另请看这张照片,因为它可能更容易理解我想说的是:PICTURE

我试图寻找有关这些主题的其他问题,但似乎没有一个涵盖我试图解决的所有方面......:S

如果还有其他我可以提供的帮助你/我:)搞清楚,请告诉我!

谢谢!

编辑1:修正错别字

EDIT2:添加图片进行解释