Javascript-onscroll可以平滑地移动到下一个锚点吗?怎么做?

Javascript-onscroll可以平滑地移动到下一个锚点吗?怎么做?,javascript,scroll,position,fixed,Javascript,Scroll,Position,Fixed,我正在构建一个单页网站,其中包含几个部分,每个部分填充用户窗口;我已经让它工作了 我想做的是: 当用户向上或向下滚动时,他/她将(相应地)向上或向下滚动到之前或之后的部分。我的每一部分都在顶部有一个锚 下面是一个我正在努力实现的例子。每篇文章都占满了这一页。一旦你滚动到下一篇文章 你应该看看和。 它们有很多很酷的效果,你可以用它们来滚动,包括像你提供的网站一样的效果 --更新-- 在和OP谈了几句之后,我意识到这两个库都不是他想要的。 所以,我的新建议是,一个js表示库。你不想在onscroll

我正在构建一个单页网站,其中包含几个部分,每个部分填充用户窗口;我已经让它工作了

我想做的是:

当用户向上或向下滚动时,他/她将(相应地)向上或向下滚动到之前或之后的部分。我的每一部分都在顶部有一个锚

下面是一个我正在努力实现的例子。每篇文章都占满了这一页。一旦你滚动到下一篇文章

你应该看看和。

它们有很多很酷的效果,你可以用它们来滚动,包括像你提供的网站一样的效果

--更新--

在和OP谈了几句之后,我意识到这两个库都不是他想要的。
所以,我的新建议是,一个js表示库。

你不想在
onscroll上这样做。考虑<代码> OnLoops实际上不是什么,除了一个事件“页面移动的视图”。

这并不意味着他们是用鼠标滚轮来做的

在手机上,你的计划是有意义的:然后它就像做了一个等同于刷卡的拖动动作。太好了

我首选的滚动方法是单击鼠标中键,然后将鼠标放在定位点的正下方,这样我就可以在滚动经过屏幕时读取每块文本

我甚至不需要一只手在鼠标上,为长块

所以在我的例子中,
onscroll
将以每秒60个事件的速度启动,如果你自动跳转文章,我将通过你整个网站的内容进行远程传输

其他人仍然拖动实际的滚动条

听鼠标滚轮和按键(向上/向下,向上/向下),而不是仅仅用任何方法移动页面,更安全。。。但是你确定所有的文章都足够小,以至于所有的内容都可以放在所有的浏览器窗口中,即使分辨率很低(iPhone3)

因为如果人们需要滚动阅读内容,那么突然之间你就要面对一个非常非常复杂的解决方案:
您需要收听任何类型的常规(或定制)滚动请求,以了解当前内容的底部。。。然后你必须向用户提供某种视觉队列,他们现在处于内容的最底层,继续使用触发方法(滑动/拖动/按键/移动轮)将切换文章

前两个很好。。。像智能手机一样,让它感觉像弹簧一样受力。

…至于其他两个,人们可能期望在一秒钟内多次击中他们,以达到他们的目的呢?

我认为您可以使用此插件完成这项工作:

此外,它似乎正在积极更新。最后一次回购承诺是在3天前做出的


干杯

你确定要这样做吗?它打破了用户期望的默认滚动行为。对于我想使用它的原因,我确信。这是一个非常简单和简短的页面。这是一个设计实验,而不是一个信息丰富的网站。谢谢你的提示!在我正在构建的网站上,每个部分的文本/信息都非常少——这基本上意味着它已经可以在非常小的移动屏幕上工作了(至少是我测试过的所有屏幕)。它还使用媒体查询,手机版本略有不同。当然,在上面有很多不错的滚动功能,但我真的没有找到这个?我是不是错过了一些明显的东西?你想做的就是在scrollorama和superscrollorama上都“钉上”,不是吗?不是真的。在我发布的示例站点()上发生的情况是,一旦你开始用鼠标滚轮(或用两个手指在鼠标垫上等)滚动,你就开始在文章之间“分页”。每篇文章总是准确地填满屏幕。这样,你永远不会在两篇文章之间停留一半,相反,你总是能看到它们…@LeopoldKristjansson对此表示抱歉,当我第一次查看该网站时,出于某种原因,我认为这就像是在固定它。[这里](lab.hakim.se/reveal js)是另一个与之不完全相同的库,但它是我能想到的最好的匹配。我正在编辑我的答案,将其包括在内。显示js库看起来更像它!非常感谢你,先生!