草庐IT

scroll-position

全部标签

UniApp Scroll-View 设置占满下方剩余高度的方法小记

前言:点滴积累,贵在坚持一、布局描述:屏幕分为上下两部分,上面部分高度固定,比如 400rpx(单位可以指定为其他的比如px、upx等,高度也可以自己设定),下面部分为 scroll-view占满剩余高度,两者宽度都是占满,效果图如下:二、实现方法如下,经验证APP端和H5端都可适用(易于看懂就直接上代码了),不管底部是有tabbar还是没有tabbar都兼容exportdefault{onLoad(){//uni.hideTabBar();//控制是否隐藏底部tabbar}};.full-page{width:100%;height:100vh;background-color:red;//

css定位 position:sticky

今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。这个时候发现了一个position的属性-----sticky它是relative和fixed的结合体可以理解为,当我们屏幕还没有滚动出原有的范围的时候就跟relative一样,正常排列在那里,当我们屏幕滚动出去了这个时候就fixed,常用语头部或者底部一个吸顶的行为,最最关键的是,他不会像fixed一样把他的父级变成浏览器可视区域,还是你的父级

css定位 position:sticky

今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。这个时候发现了一个position的属性-----sticky它是relative和fixed的结合体可以理解为,当我们屏幕还没有滚动出原有的范围的时候就跟relative一样,正常排列在那里,当我们屏幕滚动出去了这个时候就fixed,常用语头部或者底部一个吸顶的行为,最最关键的是,他不会像fixed一样把他的父级变成浏览器可视区域,还是你的父级

rosbag遍历数据出错:(unicode error) 'utf-8' codec can't decode byte 0xcd in position 31: invalid continuation byte

主题:前言针对ros系统记录的bag文件,可以使用python的rosbag包,按照不同起止时间和topic进行提取。然而,有的topic可以使用rosbag读取,但是不能遍历,存在解码错误。原因应该是存在中文字符的注释,这个可以在函数生成的temp.py中看到。python提取bag文件时发生解码错误:unicodeerror)'utf-8'codeccan'tdecodebyte0xcdinposition31:invalidcontinuationbyte编译环境:windowsvisualstudio2019,pycharm也有如此问题,即使将fileencoding改成其它编码方式,

rosbag遍历数据出错:(unicode error) 'utf-8' codec can't decode byte 0xcd in position 31: invalid continuation byte

主题:前言针对ros系统记录的bag文件,可以使用python的rosbag包,按照不同起止时间和topic进行提取。然而,有的topic可以使用rosbag读取,但是不能遍历,存在解码错误。原因应该是存在中文字符的注释,这个可以在函数生成的temp.py中看到。python提取bag文件时发生解码错误:unicodeerror)'utf-8'codeccan'tdecodebyte0xcdinposition31:invalidcontinuationbyte编译环境:windowsvisualstudio2019,pycharm也有如此问题,即使将fileencoding改成其它编码方式,

leetcode 34. Find First and Last Position of Element in Sorted Array 在排序数组中查找元素的第一个和最后一个位置(中等)

一、题目大意标签:查找https://leetcode.cn/problems/find-first-and-last-position-of-element-in-sorted-array给定一个按照升序排列的整数数组nums,和一个目标值target。找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target,返回 [-1,-1]。进阶:你可以设计并实现时间复杂度为 O(logn) 的算法解决此问题吗?示例1:输入:nums=[5,7,7,8,8,10],target=8输出:[3,4]示例 2:输入:nums=[5,7,7,8,8,10],target=6输出:[-1

leetcode 34. Find First and Last Position of Element in Sorted Array 在排序数组中查找元素的第一个和最后一个位置(中等)

一、题目大意标签:查找https://leetcode.cn/problems/find-first-and-last-position-of-element-in-sorted-array给定一个按照升序排列的整数数组nums,和一个目标值target。找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target,返回 [-1,-1]。进阶:你可以设计并实现时间复杂度为 O(logn) 的算法解决此问题吗?示例1:输入:nums=[5,7,7,8,8,10],target=8输出:[3,4]示例 2:输入:nums=[5,7,7,8,8,10],target=6输出:[-1

scroll-view左右联动

究极干货,完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边,右边滚动;右边滚动,左边也对应变化image究极干货,完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边,右边滚动;右边滚动,左边也对应变化微信小程序左右联动,点击左边右边滚动,滑动右边左边滚动及改变状态微信小程序左右联动,点击左边右边滚动,滑动右边左边滚动及改变状态如上图,在小程序中,我们经常需要一个功能,就是点击左边的列表选项,右边对应的内容滚动,而滑动右边的内容,左边对应的改变状态及位置,特别是商城站基本都涉及到,那么我们该怎么实现呢,这里我们就需要用到小程序的scrol

scroll-view左右联动

究极干货,完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边,右边滚动;右边滚动,左边也对应变化image究极干货,完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边,右边滚动;右边滚动,左边也对应变化微信小程序左右联动,点击左边右边滚动,滑动右边左边滚动及改变状态微信小程序左右联动,点击左边右边滚动,滑动右边左边滚动及改变状态如上图,在小程序中,我们经常需要一个功能,就是点击左边的列表选项,右边对应的内容滚动,而滑动右边的内容,左边对应的改变状态及位置,特别是商城站基本都涉及到,那么我们该怎么实现呢,这里我们就需要用到小程序的scrol

position:fixed会一直依据窗口进行定位吗

在刚开始学习CSS的时候,我们都知道固定定位:固定定位(position:fixed;)其实是绝对定位定位的子类别,一个设置了position:fixed的元素相对于视窗是固定的,就算页面文档发生了滚动,它也会一直待在相同的地方但是在实际项目中却遇到了明明使用了fixed定位,但该元素却没有按照期望基于屏幕视口(viewport),而是依据了它的祖先元素。image.png排查原因,发现该元素定位依赖的祖先元素设置了transform属性,尝试去除该属性,fixed定位恢复正常。查阅了相关文档,发现transform属性确实是有副作用的:transform的元素会影响overflowarea(