求助，这种效果小程序怎么实现？ - MD-FORUM

>

求助，这种效果小程序怎么实现？

user1 • 1 年前 • 89 次点击

帮帮忙，给一条大概的思路就行。

大概要实现的效果： https://s21.ax1x.com/2024/07/09/pkfVcRA.png


user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览这种只能上 skyline ，不然很难做到“丝滑”。可以参考官方文档 <a target="_blank" href="https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/scroll-container.html" rel="nofollow noopener">https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/scroll-container.html</a> 这种只能上 skyline ，不然很难做到“丝滑”。可以参考官方文档 <a target="_blank" href="https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/scroll-container.html" rel="nofollow noopener">https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/scroll-container.html</a> 这种只能上 skyline ，不然很难做到“丝滑”。可以参考官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/scroll-container.html
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览如果只是 webview ，可以参考滚动动画 <a target="_blank" href="https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E6%BB%9A%E5%8A%A8%E9%A9%B1%E5%8A%A8%E7%9A%84%E5%8A%A8%E7%94%BB" rel="nofollow noopener">https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E6%BB%9A%E5%8A%A8%E9%A9%B1%E5%8A%A8%E7%9A%84%E5%8A%A8%E7%94%BB</a> 如果只是 webview ，可以参考滚动动画 <a target="_blank" href="https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E6%BB%9A%E5%8A%A8%E9%A9%B1%E5%8A%A8%E7%9A%84%E5%8A%A8%E7%94%BB" rel="nofollow noopener">https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E6%BB%9A%E5%8A%A8%E9%A9%B1%E5%8A%A8%E7%9A%84%E5%8A%A8%E7%94%BB</a> 如果只是 webview ，可以参考滚动动画 https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html#%E6%BB%9A%E5%8A%A8%E9%A9%B1%E5%8A%A8%E7%9A%84%E5%8A%A8%E7%94%BB
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览向上滚动到一定高度时把列表顶部圆角那块区域当做是吸顶效果向上滚动到一定高度时把列表顶部圆角那块区域当做是吸顶效果向上滚动到一定高度时把列表顶部圆角那块区域当做是吸顶效果
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览有点像 draggable-sheet 的交互，但要 webview 实现有点像 draggable-sheet 的交互，但要 webview 实现有点像 draggable-sheet 的交互，但要 webview 实现
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览监听下滚动，根据距顶部距离修改标题的上边距和字号吧，做个最大最小值限制勉强实现；不过我一般会以排期不够为理由叫设计改成简单的😁 监听下滚动，根据距顶部距离修改标题的上边距和字号吧，做个最大最小值限制勉强实现；不过我一般会以排期不够为理由叫设计改成简单的😁 监听下滚动，根据距顶部距离修改标题的上边距和字号吧，做个最大最小值限制勉强实现；不过我一般会以排期不够为理由叫设计改成简单的😁
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览用 movable-view 应该可以实现用 movable-view 应该可以实现用 movable-view 应该可以实现
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览直接 js 硬写就行样式切换用 wxs 就行直接 js 硬写就行样式切换用 wxs 就行直接 js 硬写就行样式切换用 wxs 就行
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 <a target="_blank" href="https://juejin.cn/post/7311219067200471078" rel="nofollow noopener">https://juejin.cn/post/7311219067200471078</a><br><br>可以参考下 <a target="_blank" href="https://juejin.cn/post/7311219067200471078" rel="nofollow noopener">https://juejin.cn/post/7311219067200471078</a><br><br>可以参考下 https://juejin.cn/post/7311219067200471078 可以参考下

1

20 / 页

总数 8