its_why 2016-07-14 01:09 采纳率: 0%
浏览 1892
已结题

怎么实现手机侧边栏导航条

手机左边是一个导航条，可以上下滑动内容。点击其中一项，右边内容可以切换，并且右边的内容也可以上下滑动。用什么jquery插件好点呢，我用iscroll.js但是，右边的内容只有第一个可以上下滑动，后面的内容就不能滑动了。
图片说明。和途牛网的这个效果一样。

  • 写回答

1条回答 默认 最新

  • 普通网友 2016-10-04 10:54
    关注

    现手机侧边栏导航条 2C
    手机左边是一个导航条，可以上下滑动内容。点击其中一项，右边内容可以切换，并且右边的内容也可以上下滑动。用什么jquery插件好点呢，我用iscroll.js但是，右边的内容

    评论

报告相同问题？

  • 移动优先的响应式侧边栏导航菜单界面设计
    2019-12-12 00:21
    1. **侧边栏导航**：侧边栏导航是网页布局中常见的一种元素，通常包含网站的主要链接和子菜单。在响应式设计中，侧边栏可能在小屏幕上折叠或隐藏，只在用户需要时显示，以节省有限的屏幕空间。 2. **多级子菜单**：...
  • 手机抽屉侧边栏html,实现抽屉侧边栏（主体移动）
    2021-06-19 11:34
    写手一条城的博客 效果：代码：...top:50%;left:50%;transform:translate(-50%,-50%);background:#ddd;width:300px;height:500px;overflow:hidden;}#drawer{position:absolute;width:200px;height:500px;backg...
  • jQuery固定侧边栏导航菜单插件
    2024-12-06 10:31
    小小虫码的博客 这是一款非常实用的jQuery固定侧边栏导航菜单插件。该插件分三种固定侧边栏效果：正常、小型和大型侧边栏。该固定侧边栏插件在用户向下滚动页面到一定距离时，侧边栏就会固定随页面往下滚动，非常实用。
  • jQuery网站多级侧边栏导航菜单特效代码
    2021-03-20 04:48
    5. **响应式设计**：为了适应不同设备，我们可以使用`Bootstrap`的栅格系统和媒体查询，确保在手机、平板和桌面等不同屏幕尺寸下，侧边栏导航都能正常工作。 6. **测试与优化**：最后，对整个导航菜单进行充分的...
  • html 左侧固定导航栏,jQuery实现智能判断固定导航条或侧边栏的方法
    2021-06-11 12:07
    鲸商的博客 本文实例讲述了jQuery实现智能判断固定导航条或侧边栏的方法。分享给大家供大家参考，具体如下：这是一个jQuery智能判断固定DIV层的特效代码，通过这个jQuery智能代码，你可以设置导航栏、侧边栏、任何DIV层的固定...
  • 微信小程序实现手势侧滑功能的侧边栏开发指南
    2025-08-21 22:20
    一朵小小玫的博客 本文还有配套的精品资源，点击获取 简介：在微信小程序开发中，侧边栏是常见的用户界面元素，实现手势侧滑支持可以提升移动设备上用户的交互体验。本文将详细探讨如何通过布局设计、手势识别、动画效果、状态管理、...
  • Bootstrap侧边栏后台菜单代码.zip
    2023-10-08 20:31
    "Bootstrap侧边栏后台菜单代码.zip"这个压缩包中包含的代码示例，很可能是一个针对后台管理界面设计的侧边栏导航菜单，这种菜单在现代网页应用中十分常见，尤其适用于内容管理系统或企业级应用。 Bootstrap的核心...
  • 3分钟学会搭建动态侧边栏导航：Vue + Element-UI
    2023-02-26 18:31
    诚诚程程成的博客 3分钟学会搭建动态侧边栏导航：Vue + Element-UI
  • 商城侧边导航定位jquery菜单
    2021-04-07 21:33
    "商城侧边导航定位jquery菜单"很可能包含了媒体查询（Media Queries）来实现这一目标，根据不同设备的特性调整菜单的大小、布局和交互方式，确保在手机、平板和桌面电脑上都有良好的用户体验。 此外，为了提高性能...
  • app 侧边栏 html,响应式手机App样式隐藏侧边栏特效插件
    2021-06-29 02:23
    Linda-Tse的博客 Slidebars是一款简单实用的手机App样式隐藏侧边栏特效jQuery插件。该侧边栏插件十分小巧，仅需1555字节的js文件和600字节的css文件。它使用CSS3动画来制作过渡效果，在不支持的浏览器中会使用jQuery.animate()方法来...
  • 打造高效侧边栏分类菜单控件：设计与实现
    2025-07-31 02:37
    good2know的博客 htmltable {th, td {th {pre {简介：侧边栏分类菜单控件是网页和应用程序中常见的导航工具，能够有效组织和展示内容。本文将深入分析该控件的设计原则、实现方法和实际应用的重要性。侧边栏菜单需要具备清晰的层次...
  • jQuery侧边浮动多级导航菜单特效代码
    2021-03-20 05:18
    这款jQuery侧边浮动多级导航菜单利用了jQuery的事件监听、DOM操作和动画效果，实现了在用户点击按钮时，侧边栏从屏幕边缘滑出，展示层级结构清晰的菜单项。 首先，要实现这样的功能，我们需要在HTML中创建基础的...
  • jQuery左右侧边栏固定中间滚动代码
    2020-06-10 11:11
    该技术允许侧边栏在用户滚动页面时始终保持可见，从而提供导航或其他关键信息的便捷访问。这里我们将深入探讨实现这一功能所涉及的jQuery特效及其原理。 首先，`jQuery` 是一个广泛使用的JavaScript库，它简化了DOM...
  • 使用js实现侧边栏楼层导航功能
    2023-04-27 15:38
    罪岁.的博客 } js代码 var height = 0 //存储获取的页面滚动高度 var nav = document.querySelectorAll(".nav div") //获取侧边栏内容 window.addEventListener("scroll",function() { // 实时获取页面滚动高度，达到某一位置时...
  • qt实现侧边导航栏_UI设计干货分享：设计语言 - 侧边导航栏/分页
    2020-12-05 03:34
    weixin_39970064的博客 原文作者：罗耀_UI侧边导航栏、分页、步骤条的绘制方法不管是做设计(感性)还是设计规范(理性)，都是仁者见仁智者见智的，都很主观。我是想阐述出自己的想法供大家参考，文章中的数值也不是固定标准，还是希望大家...
  • 基于jquery和Bootstrap3的隐藏侧边栏菜单
    2019-12-10 22:34
    在隐藏侧边栏菜单的实现中，jQuery起到了关键作用，通过监听用户的交互事件，如点击、滑动等，来控制侧边栏的显示和隐藏，实现了平滑的过渡效果。 具体实现过程中，侧边栏通常会嵌入在HTML结构中的一个容器元素内，...
  • 没有解决我的问题, 去提问