【问题标题】:Bottom content cutoff using overflow: auto; and jscrollpane使用溢出的底部内容截断:自动;和jscrollpane
【发布时间】:2012-04-25 06:17:44
【问题描述】:

由于旋转的内容区域、textoverflow 以及滚动条无法正确显示的 -webkit 问题,我决定使用 jscrollpane。初始问题:Original Issue question to Sitepoint.

为了防止所有额外的 css 代码为 -webkit 浏览器创建我自己的滚动条,我决定使用 jscrollpane。它适用于一个主要问题:底部的几行文字仍然不可见!请参阅:overflow: auto; with jscrollpane, but cutting off bottom text.如何使其可滚动以使所有内容可见?

感谢任何帮助。

PChuprina

【问题讨论】:

  • 我在 webkit 浏览器中遇到了同样的问题。你确定解决方案了吗?

标签: jquery jscrollpane


【解决方案1】:

jScrollPane 有一些选项可以解决这个问题:


autoReinitialise:true

(增加处理开销..仅在必要时使用)

http://jscrollpane.kelvinluck.com/auto_reinitialise.html


reinitialise()

(手动更新窗格大小)

http://jscrollpane.kelvinluck.com/dynamic_content.html


【讨论】:

    【解决方案2】:

    欢迎使用 stackoverflow!

    这看起来像是一个简单的时间问题。在jsScrollPane() 函数运行后,您/某事正在更改滚动窗格的内容。

    首先尝试简单地将其包含在$(document).ready() 函数中。如果这不起作用,请检查您的函数并检查是否有任何 javascript 正在改变该容器的大小并添加 jsScrollPane() 作为回调。

    很确定第一个对你有用:)

    【讨论】:

    • 嗨@Inrbob,不幸的是你的修复没有奏效。不确定我是否实现了 $(document).ready() 函数。实现jscrollpane的代码是: $(function(){ $('#resume').jScrollPane(); });此外,似乎没有任何其他功能可以改变容器的大小。唯一的其他 javascript 用于 Google 分析。任何更多的帮助肯定会受到赞赏和学习经验。谢谢。 PChuprina
    • 嗯,很有趣。如果您在 chrome 中打开您的网站,按 ctrl+shift+j,转到控制台,输入 $('#resume').jScrollPane(); 并按回车键,它应该会显示正确的滚动。你有一个 script.js 文件——你不能在这里添加你的初始化代码吗?最终选项 - 这可能是因为您的图像加载。如果在 script.js 中添加到 $(document).ready(function(){}) 不起作用,请尝试创建一个新函数 $(window).load(function(){$('#resume').jScrollPane();})
    • 我认为 Inrbob 是对的,但我发现 jScrollPane 的一些奇怪行为。我遇到过同样的问题。我的图像将填充属性设置为 6px,这不是在封闭 div 的总高度中计算的。 jScrollPane 初始化器只是忽略了图像的该属性,并且封闭的 div 比预期的短 (2x6px)12px。
    猜你喜欢
    • 2012-12-05
    • 1970-01-01
    • 1970-01-01
    • 2012-01-18
    • 1970-01-01
    • 2018-07-11
    • 1970-01-01
    • 2011-05-26
    • 2011-02-01
    相关资源
    最近更新 更多