`
有贝无患
  • 浏览: 1146 次
  • 性别: 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.js滚动窗口仿微信聊天对话窗口样式(支持手机触屏拖动窗口).rar

    然后,在页面加载完成后,使用jQuery调用jscrollpane.js的初始化方法,设置必要的参数,以实现仿微信聊天对话窗口的滚动效果: ```javascript $(document).ready(function(){ $('#chat-container').jScrollPane({ ...

    jquery jscrollpane.js滚动窗口微信聊天对话框

    确保在jQuery之后加载jscrollpane.js,因为该插件依赖于jQuery。 接下来,我们需要选择或创建一个HTML元素作为聊天对话框的容器,并为其设置合适的样式。这个容器通常是一个div元素,使用CSS设置其高度,以便在内容...

    jQuery滚动条插件 jScrollPane

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

    jScrollPane 滚动条 jQuery 滚动条

    **jQuery jScrollPane 滚动条详解** 在网页设计中,滚动条是不可或缺的一部分,它帮助用户浏览超过视窗内容的页面。默认的浏览器滚动条样式往往简单且单一,无法满足现代网页设计对美观和交互性的需求。这时,...

    jScrollPane

    2. 检查浏览器兼容性,虽然jScrollPane尽力支持主流浏览器,但在一些老旧或非主流浏览器中可能存在问题。 3. 优化性能:对于大型数据集,考虑使用虚拟滚动来提高性能。 总的来说,jScrollPane 是一个强大而灵活的...

    jquery滚动条插件jScrollPane的使用介绍

    并且,jQuery库文件的位置必须在引入jScrollPane的js文件之前,这是因为jScrollPane依赖于jQuery库,必须先加载jQuery才能正确调用jScrollPane提供的方法。 以上就是关于jquery滚动条插件jScrollPane的基本使用方法...

    jScrollPane2.0

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

    JScrollPane 滚动条 例子

    在Java Swing库中,`JScrollPane`是一个非常重要的组件,它允许我们添加滚动条到其他组件,如`JLabel`, `JTable`, `JTextArea`等,以方便查看超出容器大小的内容。`JScrollPane`自动处理滚动条的显示与隐藏,使得...

    前端项目-jScrollPane.zip

    前端项目-jScrollPane,jscrollpane-带有jquery和css的跨浏览器可样式滚动条

    用jquery改变DIV的滚动条的样式

    总的来说,通过`jQuery`和`jScrollPane`插件,我们可以实现对`DIV`元素滚动条样式的高度定制,包括滑块和按钮的图片。这不仅可以提升页面的视觉效果,还能增强用户的交互体验。记住,良好的滚动条设计应兼顾美学与...

    JScrollPane

    在JTextArea下添加滚动条以及JTextArea与TextArea的区别

    常用jquery插件大全

    常用的jquery插件大全 jquery-json.js jquery-validate.js jquery.js, jquery.form.js, jquery.jscrollpane.css jquery.mousewheel.js 等等

    jquery常用插件下载

    5. `jquery-cookie`:用于处理浏览器cookies,方便在无状态的HTTP协议下存储用户偏好或临时数据。 6. `slimScroll`:轻量级的滚动条插件,可以为任何HTML元素添加平滑滚动效果。 7. `bootstrap-select`:对...

    JScrollPane中 - 全身自定义滚动 点击查看 浏览器内置滚动样式

    描述中的"自定义样式(在这种情况下看起来像OSX的)"暗示了开发者可能想要模仿操作系统(如OSX)的滚动条设计。 实现自定义滚动条样式的过程通常包括以下几个步骤: 1. 创建`ScrollBarUI`子类:首先,你需要创建一...

    jquery滚动条-2

    在“jquery滚动条-2”的主题下,我们将深入探讨如何使用jQuery来实现各种滚动条效果。 首先,jQuery可以用来创建自定义滚动条,使网页界面更加美观和互动。在“jquery使用div实现滚动条效果.doc”中,可能会介绍...

    jScrollPane, 漂亮,可以定制,跨浏览器 替换滚动条.zip

    jScrollPane, 漂亮,可以定制,跨浏览器 替换滚动条 jScrollPane --跨浏览器 自定义滚动条jScrollPane是一个可以用于替换浏览器滚动条缺省功能( 在具有溢出的元素上)的 jQuery插件: auto ) 具有一个可以使用CSS轻松...

    jQuery自定义垂直滚动条

    在`jQuery`中实现自定义滚动条,通常需要借助特定的插件,如`jScrollPane`或`Perfect Scrollbar`等。 `panel`在这里可能指的是一个布局组件,常见于许多前端框架中,如`Bootstrap`的`Panel`或`zUI`的`pane`。`Panel...

    Jquery 1.4开发文档

    jQuery 1.4时期的插件可能包括了一些早期的经典插件,如ColorBox(轻量级弹出窗口)、jScrollPane(自定义滚动条)等。 ## 7. API文档的重要性 `JQuery_1.4_API.CHM`这个CHM文件是jQuery 1.4的API文档,对于开发者...

    超级华丽的jquery效果

    标题中的“超级华丽的jQuery效果”指的是通过使用jQuery库创建的具有高度视觉吸引力和交互性的网页元素。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得开发者能够更...

    jQuery常用插件介绍/收集

    HoverIntent用于解决鼠标悬停事件的延迟触发问题,通常与jQuery的.show()、.hide()等方法结合使用,提高用户体验,避免因鼠标快速移动导致的闪烁现象。 以上只是jQuery众多插件中的一部分,每个插件都有其独特的...

Global site tag (gtag.js) - Google Analytics