我有一个页面布局,其中全宽图像在顶部,然后在右侧有文本内容。在左边,有一个小的滚动div,里面有社交链接。
它是这样的: (社交链接滚动,然后变得固定,然后从另一个div滚动)。
下面是一个示例,但没有下面拼图的最后一块:
function sticky_relocate() {
var window_top = jQuery(window).scrollTop();
var div_top = jQuery('#e-c-r-top').offset().top ;
if (window_top
本质上,我想做的是保持我的博客帖子的元信息在屏幕上的任何时候。实际上,元信息(标题、作者等)显示在post内容的左侧,当我向下滚动时,我已经将它设置为在屏幕上平稳地保持元信息的位置。然而,我有一个问题:
我无法让它顺利地不滚动#注释DIV。它要么是重叠的,要么是不稳定的,这取决于我如何调整代码。
下面是我使用的JS函数:
function brazenlyScroll() {
var element = jQuery(".single-post .headline_area");
var top = element.offset().top - 50;
当用户滚动到页面的那个部分时,我有一些想要计数的数字。我有一段javascript,它在用户到达元素时将类“滚动”添加到元素中。我有一个单独的javascript文件,动画计数数字。
这些数字正确地使用类名"count“动画,但是当我将类名”滚动“到javascript代码时,动画就不再工作了。我对javascript的理解非常有限,所以我想知道是否会发生这种情况,因为脚本只在页面第一次加载时检查这些类的组合,这就是为什么在添加“滚动”类时忽略它们的原因,如果是的话,有没有办法绕过它呢?
下面是我的代码:(js是触发要在视图端口中添加元素的“滚动”类的类)
// How long