javascript - overflow:hidden; 鼠标的滚轮滚动还能使用,这个怎么实现的?

 壞小籽z_339 发布于 2022-11-22 00:21

http://amazeui.org/widgets
类似于这个网站的左侧导航那个

4 个回答
  • 可以用Iscroll.js插件,官方地址
    一个比较直观的例子,你可以设置是否出现滚动条 http://lab.cubiq.org/iscroll5/demos/simple/
    同时支持手机上的拖拽事件。

    2022-11-22 01:40 回答
  • 基本原理都是overflow hiden之后,通过注册scroll事件 然后根据滚轮的wheeldata来判断滚轮方向,设定滚动的步长, 改变scrolltop

    2022-11-22 01:40 回答
  • 其实还有一种方法,假设没有那个上下箭头的花,纯粹的为了隐藏滚动条,但是还可以滚动,可以类似于这样:

    html<p class="container">
      <p class="content">内容</p>
    </p>
    
    css.container {height:500px;overflow:hidden;width:200px;}
    .content {height:100%;overflow:auto;width:100%;padding-right:20px;}
    
    2022-11-22 01:40 回答
  • 一般是在这个overflow:hidden;的容器上监听鼠标滚轮事件,然后在事件处理函数中处理列表滚动(调整列表位置)。

    2022-11-22 01:40 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有