Question

我有一个网站，其中主要导航链接链接到iframe中加载的单个文档。如何使滚动更平滑的iframe html文档。我有一个示例代码在

上执行此操作

$('ul.nav a').bind('click',function(event)

但我无法抓住这个事件，因为它在另一个文件中。

我应该如何进行水平滚动。

Answer 1

您正在使用jQuery。所以你可以......

平滑滚动页面：

jQuery(window).animate({
   scrollTop:30px;
}, 200);

获取要滚动到的元素的顶部偏移量：

jQuery(element_you_want_to_scroll_to).offset().top

捕获链接的href，以便浏览器不处理href：

jQuery('ul.nav a').bind('click', function(event) { 
   /* your scrolling-code here */
   return false;
});

在jQuery-Selector中获取iframe作为必需元素：

您可以使用iFrame名称：

jQuery('your_selector', frames['your_iframe_name'].document)

或者您可以使用iFrame ID：

jQuery('#your_iframe_id').contents().find('your_selector')

可能有用：

以正确的方式将变量传递给Click-Function：

jQuery('ul.nav a').bind('click', {foo:'bar'}, function(event) { 
   alert(event.data.foo); //alert: 'bar'
   /* your scrolling-code here */
   return false;
});

当链接和目标位于不同的文档中时，使用JQuery进行平滑滚动

1 个答案: