问题标签 [scrolltop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3062 浏览

javascript - 为什么.animate to scrollTop 在动画之前会跳转到0?

我正在玩视差滚动,就像在那个耐克网站上一样。所以我一直在使用scrollTop来确定用户在页面上的垂直位置,然后我一直在根据对该值的更改来调整元素的位置。

在这里,我将 scrollTop 值四舍五入并记录下来。我稍后会显示日志。

然后,在单击时,我调用此函数滚动到我传递给它的 scrollTop 值。

这是问题所在,滚动顶部值在动画之前跳转到 0。

所以我将在页面的一半处记录:

我定位东西的方式依赖于 scrollTop 值的准确性。所以我的问题是:

在执行动画之前,如何防止 scrollTop 值跳到 0?

让我知道是否需要更多信息。
这是该网站的现场版本:http: //theblueeyeguy.com/moon/Illumination/

(点击“下一个”然后“上一个”打破它)

0 投票
2 回答
13132 浏览

jquery - Jquery:滚动到最后
  • 我正在使用以下内容滚动到<li>无序列表中的最后一个:

    $("html,body").animate({scrollTop: $('ul#cart-items li').offset().top});

    如何将其更改为滚动到<li>无序列表中的最后一个,但还要从顶部偏移大约 30px?

    0 投票
    2 回答
    5194 浏览

    jquery - iPad 使用带有固定导航的 scrollTop 无法正常工作。只适用于第一次

    我正在开发一个带有垂直滚动导航的单页网站。我有一个固定位置的导航栏,我的滚动内容应该在导航右侧浮动时上下移动。这是一个预览链接: http: //mistersaisho.com/actioncreations/pageSlider/

    问题是它在 firefox、safari 和 chrome 中运行良好。当我在 Ipad 上查看它时,我第一次选择导航项目时,滚动效果很好。一旦完成,我的导航中的所有点击功能都不起作用,即使是那些不控制滑块内容的点击功能。

    当我为 marginTop 之类的不同属性设置动画时,我没有收到错误消息,这在我的项目中不起作用,因为我还需要能够使用页面滚动器在整个站点中导航。

    有人对我如何解决这个问题有任何想法吗?

    谢谢你。

    0 投票
    3 回答
    28482 浏览

    javascript - jQuery 动画滚动顶部

    section我在 div 中有很多标签,溢出设置为hidden. 代码大致如下:

    我之所以这样设置它是因为我希望能够在菜单中按下相应链接时滚动浏览其中sections包含的内容。div我有这个功能:

    我用它来调整#viewportdiv 的大小,因为sections它们的大小不同。当我尝试将此滚动部分放入该功能时:

    它使整个页面滚动。当我尝试用它替换$('body,html')$('section, #viewport')时,它会在 div 内滚动,但它不能正确执行。

    我在这里有一个活生生的例子。我认为这与.offset()我传递给的或与传递有关的东西有关.animate(),但我尝试了很多不同的东西,但无济于事。有人可以指出我正确的方向或告诉我我做错了什么吗?

    0 投票
    3 回答
    815 浏览

    jquery - 如何在每次点击时增加`animate()`中的整数

    如何animate()在每次点击时增加一个整数?

    例如,

    html,

    jQuery,

    当我第一次单击按钮时,元素.items-thread将向上滚动50px,当我第二次单击按钮时,它应该向上滚动100px,依此类推。

    0 投票
    1 回答
    2062 浏览

    jquery - 使用 jquery.animate 和 jquery.scrolltop 垂直滚动内容

    我正在开发这个插件,它可以滚动一个元素来显示隐藏的内容。

    但我不能让它正确,例如,

    1. 当我滚动内容以达到数字 7,8并且我想回滚前一步仅达到数字 5,6但它向上滚动以达到数字 1,2

    2. 在错误地达到数字 1,2后,当我再次单击该按钮时,它会直接向下滚动以达到数字 8,9 。more

    我该如何解决?

    这是插件代码,

    0 投票
    2 回答
    1054 浏览

    jquery - 滚动到不在视图中的特定 div

    我正在尝试滚动到特定 div 容器的顶部。目前,我的代码正在将页面内容滚动到视图中。有人知道怎么回事吗?:) 这是代码:

    0 投票
    1 回答
    366 浏览

    javascript - 页面滚动上的跟随标题不跟随

    我试图让典型的菜单跟随网页滚动,

    我想改变与页面滚动相关的 marginTop 的位置,

    但它只是不会移动酒吧......:s

    0 投票
    0 回答
    329 浏览

    webkit - Webkit 滚动位置丢失

    在 Webkit 重新渲染任何外部容器(在我的情况下为 div)子元素或将这些子元素的显示属性从/更改为 display:none/block/inline/inline-block 时,将容器元素课程滚动回最佳。这样,用户就永远无法到达位于滚动区域下端的元素,因为一旦发生前面提到的事情之一,该区域就会一直滚动回顶部。

    在 Firefox 上,滚动位置根据需要保持。

    示例(展开左侧列表以强制显示滚动条或选择左侧的相册,以便主显示区域有足够的内容来调出滚动条、滚动到底部并将鼠标悬停在图像上)

    是否有任何解决方法/修复我可以实施以保持 webkit 浏览器的用户体验?

    谢谢

    0 投票
    2 回答
    2186 浏览

    jquery - ScrollToFixed 插件创建了破坏页面布局的神秘 div?

    我刚刚使用了 bigspotteddog 的 ScrollToFixed 插件

    https://github.com/bigspotteddog/ScrollToFixed

    在我的网站上

    http://faiththeagency.com/easyphone/frequently-asked-questions.php) *更新的网站,所以插件工作

    基本上从我可以看到这个插件直接在我的#float-cta div 下方插入一个具有这些属性的div:

    这导致我的布局发生变化和跳跃,任何人都知道为什么会这样吗?

    这是我的代码。

    jQuery

    CSS

    我会整天都在回答任何问题,并在此先感谢。