gpt4 book ai didi

javascript - 如何将整个可见页面向下滚动到具有平滑效果的 anchor (Scriptaculous 或 jQuery)?

转载 作者:可可西里 更新时间:2023-11-01 12:53:57 25 4
gpt4 key购买 nike

我想创建一个带有 anchor 的导航。通过单击导航链接,整个可见页面应向下滚动到单击的 anchor 。

最重要的是页面的以下结构。

--------------- (Begin visible browser area)
NAV1 nav2 nav3

content
--------------- (Begin/end visible browser area)
nav1 NAV2 nav3

content
--------------- (Begin/end visible browser area)
nav1 nav2 NAV3

content
--------------- (end visible browser area)

最后,所有内容都在一个文档中,并且必须计算当前页面的高度(由导航项选择)(使用 JS 库)。我更喜欢 PrototypeJS/Scriptaculous 和 jQuery。

滚动效果应该是平滑的slide/效果

克里斯

最佳答案

如果您需要 jQuery 解决方案,请使用 ScrollTo ,如果您只需要基于 anchor 的动画,请实现相关的 LocalScroll 插件。

如果您希望内容 Pane 占据整个可见的浏览器区域,您也可以使用 jQuery 在页面加载(和浏览器调整大小时)时动态设置。 “高度”方法有很好的解释here .

关于javascript - 如何将整个可见页面向下滚动到具有平滑效果的 anchor (Scriptaculous 或 jQuery)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2828034/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com