我正在创建一个聊天应用程序,当消息加载时(从Firebase),包含消息的div滚动到底部以显示最新的附加消息div。scrollTop确实有点工作,但是它不会一直滚动到底部,不管我为scrollTop使用了什么值。我已经尝试过JS和jQuery版本的scrollTop,但两者都无法将其滚动到底部。下面是我的一些代码: HTML
<div id="msgContainer">
<div id="msgFeed">
//Messages load here from a database
</div>
&
我有一个侧边栏,我想成为位置:固定,并抓住底部的屏幕,但只有在整个div已经滚动过去。
div需要像普通的相对于它的父版本滚动,然后当该div的底部与浏览器窗口的底部相遇时变得固定。我正试图实现像 one这样的侧边栏。
我在网上看到了一段JS,我已经把它包含在我的中了,但是我对JS不太在行,我甚至不确定我是否做了正确的事情&似乎无法让它发挥作用。
$(document).ready(function() {
var s = $(".sidebar");
var pos = s.offset().top+s.height(); //offset that
大家好,我想知道如何实现这一点。我有一个页面,其中有三个div漂浮在左边,宽度分别为20%、60%和19%,所有div都具有真正的高度,但中间的高度总是远远大于其他两个。所以我希望每当我滚动页面时看到中间div的底部,其他div的底部就像它一样粘在屏幕上,并在向上滚动到顶部时自动释放。
我知道这是可能的,这是我在一个站点中注意到的,最右边的是想要的东西的更相似的例子。
有没有人能帮我做到这一点。
onscroll event can be applied here by js like
onscroll if // check if the div is about to end the
我正在尝试找出是否有像fullpage.js一样的滚动页面的解决方案。一页一页地滚动网站,上下滚动。
这与fullpage.js不同,因为它将页面滑动到不同的div,但我需要它在单个div中移动。
下面是我尝试过的代码:
<div> a very long text here..... </div>
Window.onscroll = function() {test()};
Function test(){ window.scrollby(0, 300) };
上面的代码只是向下滚动,它不会停止。它会一直向下滚动,直到页面底部。
那么,怎么做呢?
我使用jQuery来检测两个列中哪个div更大。较小的div得到一个.js-small-content类。那个类上有一个position:fixed。
然而,我的问题是,我需要能够滚动固定的内容。我理解这听起来很奇怪,因为我为什么要滚动一些固定的东西?
如果你看一下我的,你会发现我需要能够滚动猫的内容,这样我就可以看到所有的图像。
我想要的效果的。您可以看到,小的内容允许您首先滚动它,然后在所有内容都被查看之后,将其修复到内容的底部,然后继续滚动左边的图像。
我想我可能需要用滚动视图做点什么,但我不知道如何实现这一点?
这是我的代码:
var a = document.querySelecto
我有一个步骤来检查这里的页脚可见性。
And (/^the footer appears$/) do
within("div.footer") do
assert_selector "a", :text=> "About"
...
end
end
基本上,我加载页面并滚动到底部,然后执行此检查,但我也注意到,这一步骤可以工作,而不必滚动到底部。我做了一些测试,发现这个步骤只检查整个页面上的可见性。它不检查视口内的可见性。
我希望有一个检查,只有当元素在视口内通过。如果没有Rspec和单独的capybara