我在android中使用webview开发应用程序。我正在使用CSS3 webkit属性将页面加载到webview并动态拆分多个列。一旦用户到达最后一页/列,我必须显示TOC确认对话框。任何人都可以建议我怎么做?
height:600px;
-webkit-column-width:600px;
-webkit-column-count:auto;
答案 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>
不为空(并且非常明显),但如果它只是空的话会更好。confirm()
对话框通过将鼠标焦点锁定在滚动滑块上(在Windows上的Chrome 16中进行测试)来略微滚动滚动。在HTML中显示确认对话框不会。.appear()
也适用于垂直滚动,因此在没有-webkit-column-*
可用时会很好地降级(使用IE9测试)。答案 2 :(得分:-1)
获取元素的总宽度,并将其除以单个列的宽度。这是一个例子:http://jsfiddle.net/Ecp9M/