81,092
社区成员
发帖
与我相关
我的任务
分享怎么用JS定位到页面中央?
如题,点击按钮触发事件,使页面内容的指定位置跳到页面中央.
设置锚点,我试过了,设置的锚点跳到了页面顶端,我想跳到中间.
设置锚点,我试过了,设置的锚点跳到了页面顶端,我想跳到中间.
...全文
请发表友善的回复…
发表回复
findself 2009-05-15
- 打赏
- 举报
<a href="#part1">to part1 </a>
...block elements
<p id="part1" style="position:absolute;z-index:0;top:50%;left:0%"></p>
...block elements...
不知这样满足你的要求没：
id为part1的元素内部没有内容
且始终在htm文档中部
且其他DOM Element在到达文档中部时(重置浏览器大小时)会重叠在part1元素上，part1中没得内容，就相当于覆盖了他，但还是有个描点在文档中部
...block elements
<p id="part1" style="position:absolute;z-index:0;top:50%;left:0%"></p>
...block elements...
不知这样满足你的要求没：
id为part1的元素内部没有内容
且始终在htm文档中部
且其他DOM Element在到达文档中部时(重置浏览器大小时)会重叠在part1元素上，part1中没得内容，就相当于覆盖了他，但还是有个描点在文档中部
fengyun_bob10086 2009-05-15
- 打赏
- 举报
把你想要显示到中间的数据放到一个层里，事件触发后将这个层居中显示就可以了
层的左边距为：（浏览器的宽度-层的宽度）/2
层的上边距不好绝对居中，一般浏览器窗口可用高度600，让层的上边距为：（600 - 层的高度）/2
层的左边距为：（浏览器的宽度-层的宽度）/2
层的上边距不好绝对居中，一般浏览器窗口可用高度600，让层的上边距为：（600 - 层的高度）/2
hli33 2009-05-15
- 打赏
- 举报
哦,我忘记说了,页面长度是可变的,不能先确定哪里是中间
sjkof 2009-05-15
- 打赏
- 举报
[Quote=引用 5 楼 findself 的回复:]
id为part1的元素是在html文件的中间位置吗？
我用火狐和ie7测都行
[/Quote]
我也觉得这个方法应该可行
id为part1的元素是在html文件的中间位置吗？
我用火狐和ie7测都行
[/Quote]
我也觉得这个方法应该可行
findself 2009-05-15
- 打赏
- 举报
id为part1的元素是在html文件的中间位置吗？
我用火狐和ie7测都行
我用火狐和ie7测都行
hli33 2009-05-15
- 打赏
- 举报
<p id="part1">中间 </p>
我试过了,怎么还是跳到顶上
我试过了,怎么还是跳到顶上
vaon_1126 2009-05-15
- 打赏
- 举报
帮你顶！期待
findself 2009-05-15
- 打赏
- 举报
<a href="#part1">to part1</a>
...block element...
<p id="part1">中间</p>
...block elemts...
...block element...
<p id="part1">中间</p>
...block elemts...
hli33 2009-05-15
- 打赏
- 举报
怎么没人呢,等ING...
