我怎样才能得到webkit的列计数值和当前页面或列ID?

我正在开发在android中使用webview的应用程序。 我正在加载一个页面到webview中,并使用CSS3 webkit属性dynamic分割多个列。 一旦用户到达最后一页/列,我必须显示TOC确认对话框。 任何人都可以请教我如何做到这一点?

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

Solutions Collecting From Web of "我怎样才能得到webkit的列计数值和当前页面或列ID?"

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

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

尝试在文本的末尾添加一个小元素,然后等待它出现在屏幕上。 这很容易使用jQuery与jQuery出现 。

我分叉@ visualidiot的jsfiddle创build一个使用上述技术的例子。 虽然没有使用jQuery Mobile进行testing。

  • 我把一个<span>元素放在文本的末尾。 跨度是正确的,以确保(大部分)最后一列显示。 在这个例子中, <span>不是空的(并且高度可见),但是如果它只是空的,会更好。
  • 通过locking滚动滑块上的鼠标焦点(在Windows上的Chrome 16中testingconfirm() ,javascript confirm()对话框将滚动一下。 在HTML中显示确认对话框不会。
  • 因为.appear()适用于垂直滚动,所以当没有-webkit-column-*可用(使用IE9testing)时,这会降级很好。

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