ionic怎样定位一个html元素? 财富值94

2016-10-17 00:13发布

需要在页面的右下角放一个“返回顶部”的按键。

但页面的调试是不确定的。

用fixed定位后,并不能实现浮动的效果。

页面的调试是不确定的,会随着上拉后加载更多。

应该怎样定位一个“返回顶部”的按键?

付费偷看设置
发送
14条回答
我无所畏1 - 这个人很懒,什么都没留下
1楼 · 2016-10-17 00:09.采纳回答

ion-content

2.控制器中获取滚动条的高度:(监听的事件是:on-drag)

更新:
其实有个更为简单的方法:
就是把要定位的html元素放到<ion-content>外边来,用fixed定定位就可以了。
如果放到<ion-content>里面的话,就会像我上面那样比较麻烦。

里面,不然在页面滑动的时候会跟着滑动。并且fixed不起作用。

所以放在ion-contention-view

在pc浏览器定位的时候是一般用bottom,用top的话就需要监听滚动条,动态设置top了。

翻了各个手机应用,还没有发现哪个手机应用有使用显示出“返回顶部”的设计的。

微信朋友圈是双击最上边可以返回顶部,当然这就不会涉及到定位元素的问题。

现在就做到这样,能用是通用,但不够理解。
当你上下滑动后放手时,滚动条会自动滑动,这里不知监听什么事件好; 所以现在的情况是放手后“返回顶部“的图标可能跑到中间或者是不见了,而不能一直定位到右下角。

另外,返回顶部用$ionicScrollDelegate.$getByHandle(handle).anchorScroll()
或者 $ionicScrollDelegate.$getByHandle(handle).scrollTop();

3.html 最终是这样的:

一周热门 更多>