如何使用JS或者jquery完成页面按ID平滑滚动 10
正在学习制作一个页面滚动系统页面中有多个id为post_***的元素(***为无序数字)并且在页面中有2个按钮一个id=Up是向上平滑滚动一个post另一个按钮id=Do...
正在学习制作一个页面滚动系统 页面中有多个id为post_***的元素(***为无序数字) 并且在页面中有2个按钮 一个id=Up是向上平滑滚动一个post 另一个按钮id=Down点击就向下平滑滚动一个post 请问如何使用JS或者jq实现? 请问是否有可能实现这样的机制? 没多少财富了 虽然有点寒酸 还是请大大教一下咱, 时刻刷新等待着回复
展开
2个回答
展开全部
可以给你提供一点思路，jquery有个方法animate动画效果。详情可以参考他的帮助文档，使用很简单
一个大的div，设置好他的高度height:400px;overflow:hidden，让超出部分隐藏，div里面有个小层，来放你要滚动的内容，点击一下top 就animate({"margin-top":"每次滚动的像素"},"time,滚动的时间",function(){//滚动完之后是否执行其他函数})
一个大的div，设置好他的高度height:400px;overflow:hidden，让超出部分隐藏，div里面有个小层，来放你要滚动的内容，点击一下top 就animate({"margin-top":"每次滚动的像素"},"time,滚动的时间",function(){//滚动完之后是否执行其他函数})
更多追问追答
追问
post元素的高度无法确定 不是固定的 我需要的整个页面的滚动条滚动
追答
你要的这个效果只是简单的html锚点。
<a href="#d4">click me</a>
<div id="d1" style="height:900px;width:500px;border:1px solid black"></div>
<div id="d2" style="height:900px;width:500px;border:1px solid black"></div>
<div id="d3" style="height:900px;width:500px;border:1px solid black"></div>
<div id="d4" style="height:900px;width:500px;border:1px solid black"></div>
这样就可以跳到指定的post__xxxx
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
点击up之后，是所有的id为post_xxxx都滚动多少像素？还是某一个元素，滚动多少像素？
这个一定要说清楚，才好帮你写啊
这个一定要说清楚，才好帮你写啊
更多追问追答
追问
post_xxxx无法确定高度 只是向上滚动到上一个post_xxxx元素的位置 如果上面没有更多post_xxxx元素了 则无动作
追答
你还是把你的代码贴出来吧，要不然你这样说，也不明白你到底想实现什么样的效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
