vscode特性记录: Sticky Scroll,粘滞滚动,特征冻结

原创 已于 2024-02-23 14:08:23 修改 · 2.2k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #json #c++

于 2024-02-23 10:49:58 首次发布

类似首行冻结,效果如下

json文件

xml文件

c++头文件

在浏览时，可以快速将代码当前定位固定到首行,很方便的确定编辑代码的层级关系

打开选项

设置中:

也可以修改配置文件:

"workbench.tree.enableStickyScroll": false
39.粘滞滚动特效
粉丝们务必加入微信粉丝群
06-02 1614
效果 (源码网盘地址在最后) 视频演示 「前端编程实战 39」HTML+CSS3 实现粘性滚动特效 视频地址一：https://www.bilibili.com/video/BV1r54y1D7Tk/ 视频地址二：https://www.ixigua.com/i6832204729552994819/ 源码 index.html <!DOCTYPE html> <ht
详解position: sticky粘性定位
橘猫吃不胖的博客
01-20 1648
深入了解sticky属性值与粘性定位 1 前言 1 可滚动元素对粘性定位的影响 2 理解粘性定位的计算规则 3 理解粘性定位的堆叠规则 4 其他
vscode 很烦人的终端小分屏，显示历史记录，怎么关闭？
shimly123456的博客
10-09 269
使用 ctrl + P，找到 settings(UI)，disable 跟 sticky scroll 相关的选项即可。这个终端总是在最上端分出一个 “小屏”，用一根黑线隔开，显示以前的命令。这玩意儿名字叫 “sticky scroll”。
VS Code 的粘性滚动预览 - 类似于 Excel 的冻结首行
男神的专栏
03-03 1624
使用设置启用粘性滚动editor.experimental.stickyScroll.enabled。
【React Native】粘性布局StickyScrollView
最新发布
xiaolang555w_w的博客
11-06 506
本组件大头部：初始完全显示，滚动时透明度从1→0渐变消失小头部：滚动到顶部时固定，伴随缩放（视觉填充大头部）和透明度（渐显）动画TabBar：跟随小头部保持粘性定位通用粘性逻辑：通过Sticky组件复用，支持任意元素粘性。
VSCode 打开关闭编辑区域顶部固定区域
u010219889的博客
02-20 9704
顶部粘性区域开关
【VsCode】1.70.0 新版本好用功能分享 ：代码函数名称浏览时固定（功能原称 sticky Scroll）
ALex_zry的博客
08-25 5083
效果描述： 在浏览长函数的时候，可以将函数的名称定义部分固定在顶栏，类似冻结窗口，方便查看函数功能，不必再跳转。在Code 1.70.0 以后，新增功能：sticky Scroll。
vscode设置粘滞滚动
qq_40278396的博客
05-28 1229
vscode使用中,设置粘滞滚动
JS解决position:sticky的兼容性问题的方法
10-19
position:sticky结合了两者的特性：当元素在屏幕内滚动时，它表现为相对定位；而当它即将滚出屏幕时，则变为固定定位。这种特性特别适合实现一些常见的交互效果，比如网页中的页头固定、表头滚动等。 不过，...
position:sticky用法介绍及浏览器兼容性
09-25
用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度和之前相比没有太大的变化，于是浏览器中就有越来越多的空白区域，所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见，比如...
详解css粘性定位position：sticky问题采坑
12-14
在页面滚动过程中，当元素距离其父元素达到设定阈值（如`top: 100px`）时，`position: sticky`会使元素变为固定定位，保持在屏幕的特定位置。这一特性在构建响应式布局，特别是创建如导航栏等始终保持可见的元素时...
关于vscode1.87.0粘滞滚动的问题
qq_45806565的博客
03-01 2437
安装最新版本（时V1.87.0）的vscode后，发现代码会出现自动折叠起来的现象，不符合个人浏览代码的习惯，遂查询资料改之，为提醒他人，特此记录。在设置中搜索editor.stickyScroll.enabled，默认是true，改为false即可。或者在settings.json中添加以下代码即可。左侧目录的同类粘滞滚动现象使用如下代码更改。
vs code 函数置顶效果取消。 Sticky Scroll
不够帅的博主
08-09 534
打开设置搜索 Sticky Scroll。
程序员对 VSCode 粘性滚动不感兴趣
粉丝们务必加入微信粉丝群
05-18 643
当你发布一个很棒的功能，但程序员却想抛弃它，因为它太过复杂了。在最新的 Visual Studio Code 版本中，全球的软件工程师们迎来了一个引起大量争议的功能。这个名为 Sticky Scroll（粘性滚动）的功能现在默认在文件资源管理器面板中可用。当你的项目中有很多嵌套文件夹和大量文件时，Sticky Scroll 功能是非常有用的。在这种情况下，当你滚动到某个文件时，很难识别该文件属于哪...
关闭Vscode的项目目录和文件的滚动粘滞功能
03-27 1946
无意间开启了这个滚动粘滞功能，导致滚动的时候，会根据目录自动折叠文件夹，想要关闭这个滚动粘滞，就可以在设置里面搜索：enableStickyScroll。如果是代码编辑功能区也开启了这个嵌套当前作用域，就在里面搜索：stickyScroll。
vscode中的【粘滞滚动】的基本概念和作用，关闭了以后如何开启
花花鱼的专栏
04-01 1592
vscode中的【粘滞滚动】的基本概念和作用，关闭了以后如何开启
VsCode使用技巧之取消 粘滞滚动
weixin_59246996的博客
10-21 945
打开VsCode，在顶部选择 查看==>外观==>粘滞滚动，取消勾选即可。在Vscode中，如果发现在滚动时有这样一条黑线，通常是开启了粘滞滚动。
使用vscode前面几行被定住
weixin_55209970的博客
03-06 2464
滚动代码文档的时候，发现前面几行被定住了，想 css 的 sticky 一样，可能是之前我们不小心点到了这里，取消就好。
vue position: sticky;底部滚动生效时显示阴影边框
11-13
Vue.js 中的 `position: sticky` 允许元素在满足一定的条件时保持其相对于视口的位置，通常用于创建“粘性”导航栏或侧边栏。当你希望当页面开始滚动到某个元素上方并继续滚动时，这个元素能够固定在顶部或底部，并在其下方添加一个阴影边框，可以这样做： 1. 首先，在 CSS 中设置元素的样式，使其具备 `position: sticky` 特性，并添加底部位置的定位，例如 `bottom: 0`。同时给它一个背景色或边框颜色，比如添加一个 `::before`伪元素来创建阴影边框： ```css .sticky-element { position: -webkit-sticky; /* 对于非标准浏览器 */ position: sticky; bottom: 0; background-color: #fff; /* 或者你喜欢的任何颜色 */ } .sticky-element::before { content: ""; display: block; height: 4px; /* 设置边框高度 */ background-color: rgba(0, 0, 0, 0.5); /* 阴影颜色，透明度可自定 */ } ``` 2. 确保 Vue 组件中包含这个 `.sticky-element` 的元素，并关联到相应的数据变化监听，以便在需要的时候更新元素状态。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值