我怎么能得到webkit列计数值和当前页面或列Id

how can i get the webkit-column-count value and current page or column Id?

本文关键字：当前页 Id 怎么能 webkit      更新时间：2023-09-26

我正在开发应用程序在android中使用webview。我正在加载一个页面到webview和分裂多列动态使用CSS3 webkit属性。一旦用户到达最后一页/列，我必须显示TOC确认对话框。谁能告诉我该怎么做?

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

您的TOC确认对话框是如何设置的?

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

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

我分叉了@visualidiot的jsfiddle，使用上述技术创建一个示例。我还没有使用jQuery Mobile测试过。

  • 我在文本末尾放了一个<span>元素。span向右浮动，以确保显示最后一列的(大部分)内容。在这个例子中，<span>不是空的(并且是高度可见的)，但是如果它是空的就更好了。
  • javascript confirm()对话框通过锁定鼠标焦点在滚动条上来拧紧滚动位(在Windows上的Chrome 16中测试)。在HTML中显示确认对话框不会。
  • 由于.appear()也适用于垂直滚动，当没有-webkit-column-*可用时，这很好地降低了(使用IE9进行测试)。

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

相关文章：