我的网站上有一个按钮,单击该按钮即可显示地图。首次加载页面时可以看到此按钮,但是单击该按钮后,由于页面加载在顶部(正常),因此包含地图的部分会滑动打开并离开屏幕。我本质上是希望页面向下滚动到按下按钮时选择的div的底部,但前提是地图不在屏幕上。如果页面向下滚动,并且有人单击“显示地图”按钮,则我不希望页面跳至地图底部。
我试图自己弄清楚,但没有运气。有经验的jQuery编码人员可以给我一些指导吗?
非常感谢!
map = mapDiv.gmap3("get");
infobox = new InfoBox({
pixelOffset: new google.maps.Size(-220, -310),
closeBoxURL: '',
enableEventPropagation: true
});
mapDiv.delegate('.infoBox .close','click',function () {
infobox.close();
});
jQuery(".slidingDiv").hide();
jQuery(".show_hide").show();
jQuery('.show_hide').click(function(){
lastCenter=map.getCenter();
jQuery(".slidingDiv").slideToggle();
google.maps.event.trigger(map, 'resize');
map.setCenter(lastCenter);
return false;
});
这是滚动到某个元素的一种动画方法。
$("#buttonID").click(function() {
$('html, body').animate({
scrollTop: $("#divID").offset().top
}, 2000);
});
您也可以使用window.scrollTo方法
$(document).ready(function()){
function scroll(){
if(clicked){
window.scrollTo(0,750); // scroll to where?
}
)};
ScrollTo插件
$(function() {
$('yourElementName').click(function() {
$.scrollTo( '#ElementID', 800); // where 800 is the speed.
});
});
或者您可以按照此处的说明使用javascript 。
希望有解决方案为您解决。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句