CSS＋DIV 设计的页面，在除了chrome、360浏览器外， 没有滚动条 不能下拉

最新推荐文章于 2021-06-03 04:22:38 发布
最新推荐文章于 2021-06-03 04:22:38 发布
阅读量3.8k 收藏
点赞数
分类专栏： web 文章标签： css 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bug_yang/article/details/45606411
版权

Tip:

今天坑爹了，二笔...hehe！

一个页面写了这样的css：
html,body{margin:0;padding:0;overflow: hidden; }

ie 、firefox 、qq等浏览器 没有滚动条 不能下拉。吓尿了有木有？
但在chrome、360浏览器都OK!

最后把overflow: hidden; 删除后，页面也没有影响，问题解决了！
 

 


                

        

        

    




    

      

        

            

              
                
                  littleyanger
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
网页右边没有滚动条，内容超出也看不到怎么办？

				
			

			

				

					qinqinzqq的博客
				

				

					07-08
					
					4980
					
				

			

		

		

			
				
遇到的问题：博主正在进行vue组件开发，将主页面添加了组件之后，发现在浏览器中打开内容超出但没有滚动条解决方法：我们可以找一下css中的设置，去掉                   html和body中的overflow:hidden；即可！...

			
		

	



                

              
                



	

		

			

				
					
html下拉刷新后滚动条失效,侧滑菜单使用导致滚动条不起作用以及上拉加载、下拉刷新都失效问题的解决方案...

				
			

			

				

					weixin_35040154的博客
				

				

					06-04
					
					698
					
				

			

		

		

			
				
侧滑菜单有很大的坑，根据网友的描述，在苹果上正常，安卓上不能用。并且社区里很多人提了问题都没得回复。目前最有效的方法只能修改源码，增加window.h5pullDown的判断。在引入mui前添加一个全局变量var h5pullDown = true;方案一我是直接改的mui.min.js，源码这里使用了变量替换，全文总共三个a.os.plus&&a.os.android。第一个是m...

			
		

	



                


  
              

                


	

		

			

				
					
360和chrome极速模式下，div的滚动条丢失

				
			

			

				

					ryzewang的博客
				

				

					07-08
					
					1003
					
				

			

		

		

			
				
div设置了宽度和高度，overflow设置的auto，里层内容确定是超出div宽度了的，但是滚动条就是不显示，在ie和360，chrome的兼容模式下都是OK的，极速模式就没有了，求解如何处理...

			
		

	





	

		

			

				
					
html网页有内容不能向下拉,为什么百度页面不能往下拉

				
			

			

				

					weixin_39609483的博客
				

				

					06-03
					
					5563
					
				

			

		

		

			
				
用TT浏览器在百度搜索问题，后来出来好多回答，但是用鼠标不能下拉，只以下是最有可能的所有原因及解决措施：网页系统暂时繁忙导致的系统延迟，就像我们不可能每时每刻都能正常发帖一样，有一个缓冲期。您的电脑看看网络电缆和宽带连接接好了没有，检查一下是不是有故障。为什么ie浏览器打开网页后，不能下拉网页？可调一下IE浏览器兼容设置，具体步骤如下：勾寻在兼容性视图中显示所有网站”。打开网页，点击新闻，为什么下...

			
		

	



		

			
		



	

		

			

				
					
取消Chrome记录滚动条位置

				
			

			

				

					记录前端生涯一些经验感悟和思考
				

				

					04-22
					
					2076
					
				

			

		

		

			
				
遇到一个难题，就是页面有时进入后总是会自动滚动到底部。起先以为是代码问题，查找了整个系统没发现相关操作。后来才后知后觉html5新增window.history.scrollRestoration属性，这是一个实验性质的api，chrome 46以上版本都支持

浏览器自身加了这个设定是好意，但是有些页面用户希望不要记住滚动条位置。经过尝试在代码中加入执行以下代码可以解决问题


if ("scr...

			
		

	





	

		

			

				
					
用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome

				
			

			

				

					09-05
				

			

		

		

			
				
这里介绍的是通过CSS和JavaScript来模拟`createPopup`的方法，确保在Firefox、IE和Chrome等主流浏览器中都能正常工作。  首先，我们需要在HTML中定义一个`DIV`元素，用于创建弹出窗口。在给定的代码中，`<div id=...

			
		

	





	

		

			

				
					
微妙的滚动条「Subtle Scrollbars」-crx插件

				
			

			

				

					03-15
				

			

		

		

			
				
用户界面元素（如下拉列表）的滚动条不受影响，但iframe和滚动div通常是 - 并且具有与页面真正混合的背景。 这个扩展是非常轻量级的 - 仅仅是一个CSS的vew行，大致等同于恢复对Custom.css用户样式的支持，而没有任何...

			
		

	





	

		

			

				
					
ie8-select滚动条

				
			

			

				

					04-08
				

			

		

		

			
				
在IE8浏览器中，"ie8-select滚动条"是一个与网页设计和开发相关的技术问题，主要涉及到CSS样式、JavaScript以及浏览器兼容性。在IE8及其以下版本，原生的HTML `<select>` 元素的滚动条样式无法通过CSS直接自定义，这...

			
		

	





	

		

			

				
					
CSS和HTML实现的各种特效

				
			

			

				

					02-26
				

			

		

		

			
				
理解并掌握这些技术，对于前端开发者来说至关重要，无论是进度条的动态展示，导航菜单的交互效果，滚动条的个性化设计，还是万年历和Loading效果的实现，都能让你的网页更加生动和专业。通过实践和不断学习，你可以...

			
		

	





	

		

			

				
					
select特色下拉框个性下拉框兼容所有浏览器

				
			

			

				

					07-25
				

			

		

		

			
				
因此，对于不支持CSS3的浏览器，可能需要借助JavaScript库，如Perfect Scrollbar或SimpleBar，来实现跨浏览器的滚动条样式。  此外，为了实现“特色”功能，我们可以引入JavaScript或者jQuery插件，如Select2、...

			
		

	





	

		

			

				
					
【解决】浏览器网页无法使用滚轮上下滚动页面怎么办？

					
热门推荐

				
			

			

				

					Louie的博客
				

				

					03-26
					
					2万+
					
				

			

		

		

			
				
有的时候比如学校的教务系统等用浏览器打开后，网页或者对话框、下拉菜单等无法使用滚轮上下滚动页面，可采用以下方法：
解决方案 ：
1、打开ie浏览器（每个电脑都自带ie，360浏览器也是使用的ie内核)；
2、右上角选择工具（齿轮状图案）；
3、进行兼容性视图设置；
4、把当前网站添加进去，下面都勾选上；
5、关闭重启ie。

...

			
		

	





	

		

			

				
					
如何让浏览器的滚动条消失但是还能滚动

				
			

			

				

					lzh657083979的博客
				

				

					10-15
					
					3612
					
				

			

		

		

			
				
第一种方式：在css样式中添加这个，意思是让浏览器的所有滚动条消失在webkit内核的浏览器里可以定义滚动条样式。
在CSS初始处定义
::-webkit-scrollbar{
  display:none;
}第二种方法：在其他浏览器里可以设置父容器宽度为100%，子容器宽度为100%+18px 
这样滚动条处于视窗可视范围外，算是个投机取巧的办法。转自知乎大神@王潇

			
		

	





	

		

			

				
					
随着滚动条下拉，导航栏置顶

				
			

			

				

					weixin_42137359的博客
				

				

					11-06
					
					3595
					
				

			

		

		

			
				
随着滚动条下拉，导航栏置顶
想做一个这样的效果，当我们下拉滚动条时，写的导航栏置顶。
这是效果图

先学习用到的基本知识
jQuery CSS 操作 - scrollTop() 方法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
jQuery C...

			
		

	





	

		

			

				
					
滚动条下拉时 table 的thead 固定在网页固定在顶部不动

				
			

			

				

					
				

				

					06-17
					
					2万+
					
				

			

		

		

			
				
一、效果图

二、前端页面



<meta name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">


    场地预定


    .table-chang{margin-left: 0px

			
		

	





	

		

			

				
					
关于浏览器中滚动条的样式设置

				
			

			

				

					秋之旅
				

				

					06-02
					
					1351
					
				

			

		

		

			
				
@关于浏览器中滚动条的样式设置
由于滚动条的默认样式太过于丑，记录一下修改过程
webkit浏览器css设置滚动条
主要有下面7个属性
::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track  外层轨道
::-webkit-scrollbar-track-piece  内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-sc

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值