无法让ScrollTo jquery插件正常工作?

时间:2012-12-27 20:39:14

标签: jquery css scrollto

认为它与我的容器div及其CSS有关。但我试图让这些月份水平滚动。它只是不起作用。有什么想法吗?

div应该互相浮动 - 不是水平滚动而是垂直滚动。此外,您需要确保预览象限足够大才能正确查看。

JS:

jQuery(document).ready(function(){

// active class swapping on menu       
jQuery("#nm12-menu li").click(function (a) {

    // style stuff
    jQuery(this).addClass("active");    
    jQuery(this).siblings( "#nm12-menu li").removeClass("active");

    // now scroll!
    var myHash = jQuery(this).find('a').attr('href');
    jQuery('.scrollme').stop().scrollTo(myHash,800); 
    a.preventDefault();  
    });

});​

在这里演示: http://jsfiddle.net/velcrobots/ffAsR/10/

1 个答案:

答案 0 :(得分:1)

浮动的儿童直接包含在滚动容器中,因此它们会相互包裹,因为容器的宽度与它们相同。

您有几个选择:

  1. 在滚动div和子项之间放置一个内部div,其中width设置为子项的总宽度。
  2. float更改为display: inline-block并在滚动div上设置white-space: nowrap