V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
pyplayer
V2EX  ›  JavaScript

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

  •  
  •   pyplayer · 2022-07-11 16:27:11 +08:00 · 2253 次点击
    这是一个创建于 900 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    京东到家

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