`
有贝无患
  • 浏览: 1185 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery jScrollPane 在chrome下高度问题

阅读更多

      

       这年头干个Java web的也是难啊!啥事都要自己解决。

 

       前端为了美化滚动条就用了jScrollPane。结果发现在总有那么几条互动评论在jscrollpane滚动到底部时候仍然不显示。

       遇到这情况,只能算自己倒霉,关键本人又不是搞前端的。只有一个一个页面元素删除看看是哪个标签的高度不对。最后终于定位到img标签。原来是img标签没设高度,刚开始时图片没加载出来jscrollpane就初始化完了面导致滚动面板高度没算准,于是加上高度就行了。

       事情到这里应该是圆满解决了,可是本人又干了件蠢事,就是图方便直接给img加了height属性,结果chrome下还是有评论在jscrollpane滚动到底部时候仍然不显示,其他浏览器(包括IE6)没有这问题。最后找到解决方案。看这里http://stackoverflow.com/questions/3820632/jscrollpane-2-0-height-problem-in-chrome。解决方法就是在css里面给img加高度,然后OK了。看来chrome对原生属性的解析有延后。

  

 

       

分享到:
评论

相关推荐

    jQuery滚动条插件 jScrollPane

    9. **兼容性**:虽然jScrollPane致力于跨浏览器兼容性,但仍然需要测试在主流浏览器(如Chrome、Firefox、Safari、Edge和旧版IE)中的表现,以确保在各种环境下都能正常工作。 10. **调试与问题排查**:在遇到问题...

    jScrollPane2.0

    3. **JavaScript 初始化**:在文档加载完成后,使用 jQuery 选择器找到需要应用 jScrollPane 的元素,并调用 `.jScrollPane()` 方法进行初始化。 4. **配置选项**:可以通过传递参数给 `.jScrollPane()` 方法,设置...

    各种jquery自定义滚动条

    1. **jScrollPane**:jScrollPane是一个广泛使用的jQuery滚动条插件,它提供了一套完整的解决方案,包括垂直和水平滚动条,可自定义的箭头图标,以及平滑滚动效果。通过简单的配置,你可以轻松调整滚动条的宽度、...

    jquery全集(正式版本)

    7. **兼容性**:jQuery致力于浏览器兼容性,能良好地运行在各种主流浏览器上,包括IE6+、Firefox、Chrome、Safari和Opera等,减少了开发者在跨浏览器兼容性上的困扰。 8. **性能优化**:jQuery提供了一些性能优化...

    前台滚动条美化

    然而,这些方法在跨浏览器兼容性上存在一定的问题,主要适用于基于Webkit内核的浏览器(如Chrome和Safari)。 为了解决这个问题,`jquery.jscrollbar`应运而生。这是一个基于jQuery的插件,提供了高度自定义的滚动...

    jQuery实现精美滚动条特效代码

    例如,知名的`jScrollPane`和`malihu custom scrollbar plugin`等插件,提供了高度自定义的可能性,包括滚动条的形状、颜色、鼠标滚轮滚动速度等。 3. **实现过程**:首先,在HTML文档中引入jQuery库和选择的滚动条...

    TypeScript类型定义DefinitelyTyped.zip

    Chrome (by Matthew Kimber) CodeMirror (by François de Campredon) Commander (by Marcelo Dezem) d3.js (from TypeScript samples) domo (by Steve Fenton) dust (by Marcelo Dezem) EaselJS (by ...

    JS--几种滚动条方式

    - **jQuery插件**:jQuery提供了一些插件,如`jScrollPane`和`Perfect Scrollbar`,它们允许开发者创建完全自定义的滚动条效果,包括平滑滚动、自定义滚动条形状和动画。 - **原生JS库**:例如`SimpleBar`,它是一...

Global site tag (gtag.js) - Google Analytics