首页 > 其他分享 >【首页】隐藏滚动条和底部

【首页】隐藏滚动条和底部

时间:2023-01-11 10:33:47浏览次数:33  
标签:none 滚动条 important 首页 webkit 隐藏

一、【首页】隐藏滚动条和底部

1.1 隐藏全局滚动条,需要在pages.json的"app-plus"下设置一个属性:"scrollIndicator":"none"

1.2 隐藏scroll-view滚动条需要在App.vue中添加样式:

::-webkit-scrollbar {  
    display: none;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}

 

标签:none,滚动条,important,首页,webkit,隐藏
From: https://www.cnblogs.com/liu88/p/17043044.html

相关文章

  • 【首页】推荐店铺模块开发和滑块处理
    一、【首页】推荐店铺模块开发和滑块处理1.1完成后的效果图:1.2components/index目录下新建Shop.vue组件1.3pages/index/index.vue引入Shop.vue组件1.4Shop.vue组......
  • 【首页】热销爆品开发修改商品值
    一、【首页】热销爆品开发修改商品值1.1完成后的效果图:1.2component/index下创建Hot.vue组件1.3pages/index/index.vue引入Hot.vue组件1.4Hot组件内容为单个商品......
  • 【首页】商品列表和单个商品组件封装
    一、【首页】商品列表和单个商品组件封装1.1完成效果为:1.2组件再次说明    commodityList.vue组件为:商品列表组件    commodity.vue   组件为:......
  • div背面隐藏属性
    我们知道div这个dom元素视图是可分为:正面与背面——两个视觉面的。一般我们只关注正面视觉展示,但如果加上一些翻转效果时,背面展示可能会影响整体视觉效果。这个时候我......
  • 【首页】文字封装开发
    一、【首页】文字封装开发1.1在components/common目录中创建了Card.vue组件文件1.2在pages/index/index.vue中引入Card组件1.3Card组件是卡片完成效果为复用的文字1......
  • 【首页】推荐部分开发
    一、【首页】推荐部分开发1.1完成效果图:1.2在components中新建组件Recommend.vue,代码如下:<template> <viewclass='recommendbg-color'> <viewclass='recommend......
  • 给网站首页置灰(设置黑白背景)
    只要在你的网站全局的部分添加这段css代码就可以实现整站素装了。<style>html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-......
  • 页面div垂直内容超出后,edge浏览器右侧没有自动出现滚动条
    搜索网上解决办法,是给父元素添加样式overflow-y:scroll;height:100vh;但此举只是给该父元素侧边添加滚动条,而且不好配合回到顶部这一效果 最后发现是在父组件的包裹......
  • 【首页】swiper部分
    一、【首页】swiper部分1.1  完成效果图:1.2新建IndexSwiper.vue文件,目录结构如图1.3新建IndexSwiper.vue代码如下:<template> <swiper:indicator-dots="true":......
  • 【首页】顶部开发
    三、【首页】顶部开发1.1完成效果图1.2首页顶部需要在pages.json中配置,代码如下:框选中的部分为矢量中unicode代码将&#x改为\u{ "pages":[//pages数组中第一项表......