如何获取webkit-column-count值和当前页面或列Id?

时间:2011-09-30 10:59:43

标签: javascript android css css3 jquery-mobile

我在android中使用webview开发应用程序。我正在使用CSS3 webkit属性将页面加载到webview并动态拆分多个列。一旦用户到达最后一页/列,我必须显示TOC确认对话框。任何人都可以建议我怎么做?

height:600px;
-webkit-column-width:600px;
-webkit-column-count:auto;

3 个答案:

答案 0 :(得分:1)

如何设置TOC确认对话框?

一种可能的解决方案是使用:nth-​​last-of-type(N)选择器来选择最后一页/列元素http://reference.sitepoint.com/css/pseudoclass-nthlastoftype

答案 1 :(得分:0)

尝试在文本末尾放置一个小元素,然后等待它出现在屏幕上。使用jquery-appear的jQuery很容易完成。

I forked @visualidiot's jsfiddle to create an example using said techniques.尚未使用jQuery Mobile对其进行测试。

  • 我在文本的末尾加了一个<span>元素。跨度向右浮动以确保显示最后一列(大部分)。在此示例中,<span>不为空(并且非常明显),但如果它只是空的话会更好。
  • javascript confirm()对话框通过将鼠标焦点锁定在滚动滑块上(在Windows上的Chrome 16中进行测试)来略微滚动滚动。在HTML中显示确认对话框不会。
  • 由于.appear()也适用于垂直滚动,因此在没有-webkit-column-*可用时会很好地降级(使用IE9测试)。

答案 2 :(得分:-1)

获取元素的总宽度,并将其除以单个列的宽度。这是一个例子:http://jsfiddle.net/Ecp9M/