jscrollpane 滚动条 偶晕了。。。

香水坏坏 发表于 2007-8-19 [Javascript]

我都要哭了。

问题描叙:
在使用jScrollPane时,滚动条无法准确定位。
如图:

问题分析:
A 用IE Developer查看jScroolPane生成的div.jScrollPaneContainer里竟然多出了一段margin 10px 0px 0px 4px的CSS
而且其下所有的DIV都出现这样一段CSS,已至于滚动条无法定位。

B 于是我用之前写好能正常定位的代码确认jScrollPane是无任何问题的。

C 再此回到有问题的页面选种jScrollPaneContainer Element Source With Style
看到这样的CSS
/* Rule 12 of /省略.css */
DIV.img_list DIV {MARGIN-TOP: 10px;FLOAT: left; MARGIN-LEFT: 4px;WIDTH: 300px}
至此,我要哭了,因为问题就出在,要实现滚动效果的容器在一个类为img_list的容器里。
而如上CSS申明了改容器下所有DIV都margin 10px 0px 0px 4px

555555555,好想找个石头钻进去死啦,害我浪费了好大时间找这个问题。
因为之前要求是把jScrollPane默认的右边滚动换到左边,由于担心自己代码写错,转到最后才来看CSS的问题。。。

结论:
如果发现问题,首先找出问题根源,不要盲目相信自己直觉。。。。闷~````

 

最后不得不说一下jscrollpane算一个非常不错的jquery滚动插件

1237 0 标签:JQUERY jscrollpane 插件 
访客评论
    发表评论
    • 你的姓名:
    • 你的网站:
    •   EMAIL:   
    • 评论内容:
    • 私人