在页面里做一个参考页面，悬浮页面

yangchun1213 2014-02-16 12:39:08

现在有一个这样的功能，就是一个页面，要输入一些资料，但输入这些资料时，需要参照另一个页面的内容，并且参考页面可以根据时间查询不同时间段的相应内容。但是这样很不方便，因为输入的时候，又要去另一个页面看看，用tab的方式也要不停的切换，现在想做一个悬浮的页面，可以控制显示隐藏，缩放大小，并且里面内容多的话有滚动条，可以拖动页面，并且可以随整个页面的滚动而滚动。这样一个功能不知道大家做过没，没法入手的感觉。求指点，有demo望提供参考，非常谢谢。

...全文

190 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

yyl8781697 2014-02-16

打赏
举报

回复

将这个参照页面用弹出框的形式显示在当前的页面上,并且设置该弹出框不锁屏应该就可以了 http://www.planeart.cn/demo/artDialog/_doc/iframeTop.htmlhttp://www.planeart.cn/demo/artDialog/_doc/iframeTop.html 看下这里的案例能给能给LZ思路

似梦飞花 2014-02-16

打赏
举报

回复

不明白你的意思写个弹出层 append要的元素？

Android 仿美团网,大众点评购买框悬浮效果之修改版,项目详情：http://blog.csdn.net/xiaanming/article/details/17761431

Web页面上，当某个页面内容特别多，下拉到底部的时候，想再返回页面顶部就得鼠标滚轮滑好多下，或者没有鼠标的话操作就更麻烦了。这个时候页面右下角往往会放一个悬浮按钮，点击按钮立即滑动到页面顶部，就方便了很多。本文就是此功能的一个简单的实现。在布局文件里加上这个按钮：上面的代码里，IcoTop是自定义的一个图标，你可以替换为自己需要的图片地址。position: fixed 设置按钮的定位方式为基于浏览器窗口定位。这样不管页面滑动到什么位置，这个按钮始终显示在右下角，距离右边和底部60px。zIndex设

一、实现悬浮悬浮框基本的实现方式有两种： 1、在一个页面内，可以用FrameLayout 或者RelativeLayout。FrameLayout 中view是在左上角堆叠的，也就是说是z-order的，所以可以页面的基布局是FrameLayout，然后在上面放一个view，并且更新view的translationX ，translationY来改变位置。 RelativeLayout 可以

这个在做网页中常要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含（引用）这个通用文件即可。这样便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不需要每个文件单独修改。最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里，然后其他页面文件在页面内容的最后包含这个文件就可以了，具体例子下面有。要 h...

摘要：实现悬浮返回按钮的两种方法：1）使用ElementPlus的Affix固钉组件；2）自定义样式实现。示例代码展示了一个固定在右下角的圆形返回按钮，包含悬停动画效果和工具提示功能，通过position:fixed定位，并设置z-index确保层级关系。按钮点击事件绑定关闭当前页面的方法，样式上添加了阴影和过渡动画增强交互体验。

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章