V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Sponsored by
LinkedIn
不坐班的神仙工作 · 去任何你想去的地方远程,赚一线城市的工资
2000 个不用出门 Social 的全球远程工作,帮助 V2EX 的小伙伴开启全新的工作方式。
Promoted by LinkedIn
pyplayer
V2EX  ›  JavaScript

问下前端大佬们 京东到家的分类侧边栏如何实现

  •  
  •   pyplayer · 81 天前 · 1400 次点击
    这是一个创建于 81 天前的主题,其中的信息可能已经有所发展或是发生改变。

    问一下下面的侧边栏如何实现的

    京东到家

    9 条回复    2022-07-11 20:28:13 +08:00
    sjhhjx0122
        1
    sjhhjx0122  
       81 天前
    随便找个组件库一般都会有大概相似的东西 https://vant-contrib.gitee.io/vant/#/zh-CN/index-bar ,改改 css 应该就能跟你想要的效果差不多了
    qrobot
        2
    qrobot  
       81 天前
    ???? css 第一课文档流学一下
    hay313955795
        3
    hay313955795  
       81 天前
    来自后端的解答 左右分栏不就行了吗...然后做个锚点?
    xujiang
        4
    xujiang  
       81 天前
    github 搜索 仿饿了么
    cansiny0320
        5
    cansiny0320  
       81 天前
    楼主想问的可能是怎么实现联动效果? 可以用 Intersection Observer 监听一下,右边的触发 active 了 更新左侧的 tab
    pyplayer
        6
    pyplayer  
    OP
       81 天前
    被 2 级分类的自动折叠 加滚到中间难住了 先去看看锚点的用法
    pyplayer
        7
    pyplayer  
    OP
       81 天前
    @cansiny0320 确实主要不懂怎么搞这个联动
    pyplayer
        8
    pyplayer  
    OP
       81 天前
    逻辑是否判断后端数据为空时 前端去找到下一个节点并进行下个节点数据请求的操作
    nbhaohao
        9
    nbhaohao  
       81 天前
    1. 右边的列表,是以当前的品项为开头的,然后随着滑动,分页加载这个品项,当这个品项数据加载完后,应该就自动请求下一个品项
    2. 如果点击某个品项,下划加载,则直接切换到上一个品项
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2003 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 07:19 · PVG 15:19 · LAX 00:19 · JFK 03:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.