日期:2014-05-16  浏览次数:20347 次

关于浏览器屏幕移动的实现的问题
本来我有一个用jq方法hide()隐藏的div
我想在用show()方法显示这个div后
让屏幕移动到那个一个使到这个div居中的位置

Ps.可以问一下 www.valore-italia.it 这个网站这种这么大边界的效果是怎么做的...

------解决方案--------------------
引用:
Quote: 引用:

正文区不懂?


我发现是为什么了...谢谢

哪你要干什么?你问的是"网站这种这么大边界的效果是怎么做的."
我给你的答复:正文区水居中
------解决方案--------------------
引用:
Quote: 引用:

Quote: 引用:

Quote: 引用:

操作滚动条位置就行了
用offset方法获取div在页面的位置
然后设置滚动条位置,滚动条操作可百度

或者把显示div的按钮用a标签包一下,a标签href指向一个瞄,形如<a gref="#div0"><button type="button"></button><a>,这样点击该按钮,显示该div的同时屏幕会移动到你的瞄的位置,即id为div0的标签位置。可以先测试好,让该div位置刚好能使你要显示的div居中


第一个方法的offset方法我试过,我对正文区域使用这个方法,他的left与top不知道为什么一直是0(我正文使用的position是absolute)
第二个方法的话 我的网页没有描点,跳转工作是通过获取在canvas中的点击位置再进行div.show()的,有什么方法可以用js达到 href="#div0" 的效果?

第一个问题你得自己调
第二个问题,你可以用js代码获取a标签dom对象,调用click方法实现跳到描点的功能


我的网页没有a这个标签元素,不过我用第一个方法实现了那个效果,请问有没有办法可以使滑动条能缓慢地移动到目标位置

做个定时器,每x毫秒移动一小段,或者使用jQuery的animate函数,能很轻易做出效果