2016-10-17 00:13发布
需要在页面的右下角放一个“返回顶部”的按键。
但页面的调试是不确定的。
用fixed定位后,并不能实现浮动的效果。
页面的调试是不确定的,会随着上拉后加载更多。
应该怎样定位一个“返回顶部”的按键?
ion-content
2.控制器中获取滚动条的高度:(监听的事件是:on-drag)
更新:其实有个更为简单的方法:就是把要定位的html元素放到<ion-content>外边来,用fixed定定位就可以了。如果放到<ion-content>里面的话,就会像我上面那样比较麻烦。
里面,不然在页面滑动的时候会跟着滑动。并且fixed不起作用。
所以放在ion-content 外 ion-view 里
在pc浏览器定位的时候是一般用bottom,用top的话就需要监听滚动条,动态设置top了。
翻了各个手机应用,还没有发现哪个手机应用有使用显示出“返回顶部”的设计的。
微信朋友圈是双击最上边可以返回顶部,当然这就不会涉及到定位元素的问题。
现在就做到这样,能用是通用,但不够理解。 当你上下滑动后放手时,滚动条会自动滑动,这里不知监听什么事件好; 所以现在的情况是放手后“返回顶部“的图标可能跑到中间或者是不见了,而不能一直定位到右下角。
另外,返回顶部用$ionicScrollDelegate.$getByHandle(handle).anchorScroll()或者 $ionicScrollDelegate.$getByHandle(handle).scrollTop();
3.html 最终是这样的:
最多设置5个标签!
付费偷看金额在0.1-10元之间
ion-content
2.控制器中获取滚动条的高度:(监听的事件是:on-drag)
更新:
其实有个更为简单的方法:
就是把要定位的html元素放到<ion-content>外边来,用fixed定定位就可以了。
如果放到<ion-content>里面的话,就会像我上面那样比较麻烦。
里面,不然在页面滑动的时候会跟着滑动。并且fixed不起作用。
所以放在ion-content 外 ion-view 里
在pc浏览器定位的时候是一般用bottom,用top的话就需要监听滚动条,动态设置top了。
翻了各个手机应用,还没有发现哪个手机应用有使用显示出“返回顶部”的设计的。
微信朋友圈是双击最上边可以返回顶部,当然这就不会涉及到定位元素的问题。
现在就做到这样,能用是通用,但不够理解。
当你上下滑动后放手时,滚动条会自动滑动,这里不知监听什么事件好; 所以现在的情况是放手后“返回顶部“的图标可能跑到中间或者是不见了,而不能一直定位到右下角。
另外,返回顶部用$ionicScrollDelegate.$getByHandle(handle).anchorScroll()
或者 $ionicScrollDelegate.$getByHandle(handle).scrollTop();
3.html 最终是这样的:
一周热门 更多>