网站首页 > 文章中心 > 其它

隐藏滚动条并可以滚动内容_Vue 设置内容滚动 并且隐藏滚动条

作者:小编 更新时间:2023-10-19 11:18:43 浏览量:172人看过

网友们!

既然已经用了JS可以考虑另外一个方案

仅代表个人观点,不喜勿喷,.

以前这个问题我也想了一阵子,但是又不想用插件什么的.

你可以参考我的网站里blog栏目里那些弹窗滚动vganchou点com

::-webkit-scrollbar{width:0px}目前本方法只在webkit内核浏览器中有效(Chrome,Safari).可以用JS做渐变的隐藏滚动条特效,依旧可以滚动.你可以在JS里面写判定当用户鼠标不动一定时间然后消失.我对JS不是特别了解(只能看懂和修改JS代码的程度的能力,但是无论任何JS代码都敢修改的程度),这效果能做出来的,我就不贴具体代码了.不需要嵌套,纯原生.将来浏览器会支持这个效果的.

或者你用滚动条插件(不推荐)

可以视觉影藏~看你CSS用的好不好了

加入以下属性即可:"-webkit-"兼容的话 其他内核写其他的iframe::-webkit-scrollbar {

width: 0px;

height: 0px;

}

你先把iframe定义宽度和高度,再设置CSS样式overflow:hidden;就可以了,这样多余的部分会被隐藏掉,这时高度要把握好.如果你想在主页面滚动能看到iframe页面隐藏的内容是不可以的.如果iframe的高度不固定,你也可以通过JS来控制.

以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用,就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章