当前位置: 首页 > news >正文

uniapp uview吸顶u-sticky 无效怎么办?

背景

最近在做一个人力资源招聘系统,大概业务流程如下:

人员填写个人简历页面,需要将顶部,用到了u-navbar 再在下面使用吸顶u-sticky。

结果发现无效。经过一番研究,可以这么做。

解决方案

将想要吸顶的地方和u-navbar放在一块,将<u-navbar>和要吸顶的内容,一起放到<u-sticky>中:

<u-navbar :border-bottom="false" back-icon-size="28" back-icon-name="thumb-up" back-icon-color="#0068b7":back-text="back_text" :back-text-style="backtextstyle" title-color="#0068b7" is-fixed="true":background="background"></u-navbar>
<u-sticky>
<view class="u-p-b-20 u-border-bottom" :style="{backgroundImage:backgroundImagecolor,color:'#0068b7'}"><view class="pp u-flex" style="justify-content: center;font-weight: bold;"><view style="font-size: 18px;">人才档案</view></view><view class="pp u-flex u-m-t-10" style="justify-content: center;"><view style="font-size: 12px;color:#ff0000">*特别说明:您的信息仅作为本公司招聘面试,请放心填写</view><strong></strong></view>
</view>
</u-sticky>

调整后:


<u-sticky><u-navbar :border-bottom="false" back-icon-size="28" back-icon-name="thumb-up" back-icon-color="#0068b7":back-text="back_text" :back-text-style="backtextstyle" title-color="#0068b7" is-fixed="true":background="background"></u-navbar><view class="u-p-b-20 u-border-bottom" :style="{backgroundImage:backgroundImagecolor,color:'#0068b7'}"><view class="pp u-flex" style="justify-content: center;font-weight: bold;"><view style="font-size: 18px;">人才档案</view></view><view class="pp u-flex u-m-t-10" style="justify-content: center;"><view style="font-size: 12px;color:#ff0000">*特别说明:您的信息仅作为本公司招聘面试,请放心填写</view><strong></strong></view></view></u-sticky>

http://www.dtcms.com/a/351567.html

相关文章:

  • 利用Certbot生成ssl证书配置到nginx
  • Android之穿山甲广告接入
  • Flutter 项目命名规范 提升开发效率
  • 深度学习(三):PyTorch 损失函数:按任务分类的实用指南
  • Swift 解法详解 LeetCode 363:矩形区域不超过 K 的最大数值和
  • Unity游戏打包——Mac基本环境杂记
  • Android Glide生命周期管理:实现原理与最佳实践
  • ubuntu2204安装搜狗拼音输入法
  • 基于spark的招聘岗位需求分析可视化系统设计与实现
  • 《相关法律、法规知识(五)》
  • 【数据结构】串——模式匹配
  • 微服务-23.网关登录校验-自定义GlobalFilter
  • yggjs_rbutton React按钮组件v1.0.0 示例和教程
  • Java全栈开发面试实录:从基础到实战的深度探索
  • JVM 学习与提升路线总结:从入门到精通的系统化指南
  • 前端-如何将前端页面输出为PDF并打包的压缩包中
  • PDF转图片、图片转PDF(免费)
  • AI+drawio生成流程图探索
  • Python 操作 PPT 文件:从新手到高手的实战指南
  • 重构审计体验!批量生成报表项目底稿的凭证检查表
  • 计算机术语 / 数学术语中的 trivial 与 non-trivial
  • MD5校验算法
  • Node.js(3)—— fs模块
  • Docker:部署Java后端
  • 关于电脑连接手机热点没有网络的问题
  • 每日一题DEEP_ML-卡方分布(Chi-Squared Distribution)
  • 数据结构初阶:详解单链表(一)
  • Linux->多线程3
  • Ubuntu操作系统下MySQL、MongoDB、Redis
  • 如何拯救一家濒临破产的科技公司?