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

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

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

  • 如何连接到移动应用程序上的服务器?
  • <select>在Android 2.3.3上的Phonegap应用程序中不起作用
  • Android上的jQuery Mobile图标白色而不是黑色
  • Android phonegap项目垃圾邮件QTAGUID消息
  • 用PhoneGap / jQuery Mobile以编程方式在iPhone / Android日历中添加事件?
  • 将jQuery移动应用程序转换为apk
  • 如何只检测原生的Android浏览器
  • Android 4.0.1打破了WebView HTML 5本地存储?
  • 您的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/