2013-04-16 160 views
0

我有一个菜单左侧的页面,其中包含右侧元素的锚点。 单击左手锚点时,我希望它只能垂直滚动(不水平),这样无论如何左手菜单都会保留在屏幕上。基本上,我想要一个垂直只锚。只有锚标记垂直滚动,禁用水平滚动

+0

向我们展示您尝试过的一些代码。 – Andrew

+0

需要说明的是,当用户有一个小屏幕(或使浏览器窗口很小)并且水平滚动条启动时,这只是一个问题。当页面没有水平滚动条时适合屏幕,这很好。 – htrufan

回答

1

要么只使用jQuery的,像这样:

$('a[href^="#"]').on('click', function(event) { 
target = this.id.offset().top; 
$('html,body').animate({ 
    scrollTop: target 
    }, 1000); 
event.preventDefault(); 
} 

“在点击网页内的任何链接,获取从页面的顶部偏移及以上1秒的跨度下来anmiate滚动到该位置“。

或使用此插件http://flesler.blogspot.com/2007/10/jqueryscrollto.html获得更多控制。

+0

谢谢。 scrollTop正是我所需要的。 – htrufan