html5 页面刷新不能向下拉的情况

最新推荐文章于 2022-05-19 16:42:07 发布
最新推荐文章于 2022-05-19 16:42:07 发布
阅读量7.3k 收藏
点赞数 1
分类专栏： HTML5 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxf13598202302/article/details/50435830
版权

我们有时候会遇到页面长度是超过浏览器长度，但是无法滚轮想下刷新的情况。

当然，一般自己写的时候，不会自己傻到加一个  

html{overflow-y:hidden;}。
 

但是，当我们修改别人的代码的时候，就可能遇见这种情况，如果碰到无法向
 

下滚动查看页面的话，就在css里面找 hidden吧
 


                

        

        

    




    

      

        

            

              
                
                  zxf13717561643
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
手机下拉加载特效jquery+php特效

				
			

			

				

					09-02
				

			

		

		

			
				
手机下拉加载特效jquery+php特效

			
		

	



                

              
                



	

		

			

				
					
html网页无法下拉,Html下拉不覆盖在其他网页元素顶部

				
			

			

				

					weixin_32099703的博客
				

				

					06-03
					
					849
					
				

			

		

		

			
				
在发布这个问题之前，我已经研究了各种堆栈溢出问题并实施了它们，但它对我无效。Html下拉不覆盖在其他网页元素顶部请不要将此问题发布为重复。我的问题是，我的下拉列表不在其他元素之上。我已经发布了代码jsfiddle注：请拖动输出窗口向左拿到头在SCSS窗口的适当观察，用户配置文件下拉由类navbarDropdown处理.navbarDropdown {float: right;padding: 0p...

			
		

	



                


  
              

                


	

		

			

				
					
html页面突然间不能够往下滑动了怎么办？

				
			

			

				

					Xmumu_的博客
				

				

					01-02
					
					5859
					
				

			

		

		

			
				
刚刚写一个页面时候，突然间我的页面不能够往下滑了，我看不到后面的内容了，我觉得特别奇怪，这算是我打前端的代码这么久以来第一次遇到，所以特意来记录一下????

非常简单，就是你肯定在哪个地方设置了
overflow:hidden;
我不清楚各位看官的问题，但是起码我的就是，我竟然发现：

的亏我注释掉了，又是积累知识的一天????

...

			
		

	





	

		

			

				
					
html 下拉菜单不能下拉_音乐下拉菜单

				
			

			

				

					cukengwei3786的博客
				

				

					08-03
					
					268
					
				

			

		

		

			
				
html 下拉菜单不能下拉Musical drop down menu 音乐下拉菜单 
Our new tutorial tells about developing cool musical drop down menu (html5 + css3). This menu has css3 animation effects (neat hover effect to menu elements...

			
		

	



		

			
		



	

		

			

				
					
关于移动端h5页面不能滑动问题的解决办法

				
			

			

				

					weixin_43066287的博客
				

				

					05-19
					
					7556
					
				

			

		

		

			
				
关于移动端h5页面不能滑动问题的解决办法1. 先说css，主要排查 overflow:hidden；2. 再说下js，主要是有在touchstart、touchmove或touchend等事件中的阻止默认事件的原因
1. 先说css，主要排查 overflow:hidden；
检查也有一定的顺序，检查超出高度的标签是否用了overflow:hidden；最好先检查html或body是不是加了height:100%；overflow:hidden；然后再看包裹在最外边的元素是否加了overflow:hidde

			
		

	





	

		

			

				
					
手机特效iscroll5上下拉刷新

				
			

			

				

					11-24
				

			

		

		

			
				
6. **测试与优化**：最后，对不同设备和浏览器进行测试，确保滚动和刷新效果在各种情况下都能正常工作。可能需要对性能进行优化，例如延迟加载内容、使用分页等策略。  通过以上步骤，你可以利用iscroll5为你的移动...

			
		

	





	

		

			

				
					
HTML5模拟APP上拉刷新下拉加载

				
			

			

				

					12-18
				

			

		

		

			
				
"HTML5模拟APP上拉刷新下拉加载"这一主题涉及到的是如何利用HTML5、JavaScript（特别是jQuery库）来实现移动应用中常见的上拉刷新（Pull-to-Refresh）和下拉加载更多（Infinite Scroll）功能。这两个特性在手机应用...

			
		

	





	

		

			

				
					
上下拉刷新

				
			

			

				

					03-09
				

			

		

		

			
				
上下拉刷新是移动应用和网页设计中常见的交互模式，它允许用户通过在屏幕上向上或向下滑动来加载更多的数据。这种功能在新闻阅读、社交媒体、电商应用等场景中尤为常见，提高了用户体验，使得查看新内容变得更为便捷...

			
		

	





	

		

			

				
					
html5仿手机下拉刷新内容.rar

				
			

			

				

					07-10
				

			

		

		

			
				
在描述中提到，当用户用鼠标拖动文字区域向下滑动时，网页顶部会出现一个刷新图标，松开鼠标后，页面会加载或更新新的内容，从而实现与手机端类似的操作风格。  在实现这个功能的过程中，HTML5的离线存储...

			
		

	





	

		

			

				
					
iscroll5.2.0--页面下拉刷新，上拉分页加载

				
			

			

				

					10-10
				

			

		

		

			
				
**下拉刷新** 是一种常见的移动应用和网页设计模式，当用户向下滚动到页面顶部时，会触发一个刷新操作。iscroll5.2.0通过监听滚动事件和用户的触摸动作，实现这个功能。开发者可以通过设置iscroll的配置项，自定义...

			
		

	





	

		

			

				
					
H5页面禁用微信浏览器下拉

				
			

			

				

					12-07
				

			

		

		

			
				
H5页面禁用微信浏览器下拉,使其下拉不会出现黑色来源显示，在JS文件中定义此方法即可。

			
		

	





	

		

			

				
					
vue h5页面滑动回弹问题解决

				
			

			

				

					wy_Blog的博客
				

				

					10-26
					
					2637
					
				

			

		

		

			
				
方法一： fixed定位
检查问题，发现页面没高度，解决办法：
html,body统一设为100%，在父组件的根元素设置position:fixed可以使页面无橡皮筋效果


<style>
.layout{
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>


不要将手机页面的高度设为100vh，手机浏...

			
		

	





	

		

			

				
					
关于页面不能显示滚轮进行向下浏览的问题

				
			

			

				

					qq_42524153的博客
				

				

					02-22
					
					1370
					
				

			

		

		

			
				
问题描述：
做案例时，页面只能显示一页的内容，且不能滚动浏览下面的内容
原因： 我给body添加了overflow：hidden；
解决方法：

去掉overflow：hidden；
给body添加overflow-y：auto；


...

			
		

	





	

		

			

				
					
webview里面的页面不能往下下拉（下拉卡死）解决

				
			

			

				

					Keep Learning , Keep Improving !
				

				

					08-19
					
					4064
					
				

			

		

		

			
				
webview里面的页面不能往下下拉解决    


是不是存在固定div的页面？如下面：




固定div  常用是：

margin-left:0;

margin-bottom: 0;


position: fixed;


z-index: 999;











渲染问题解决神器





transla

			
		

	





	

		

			

				
					
H5页面必会遇到的问题及解决办法

				
			

			

				

					qq_43427385的博客
				

				

					03-17
					
					2329
					
				

			

		

		

			
				
前言
在我们开发H5页面的时候必会遇到一些兼容性等爬过坑的问题，在这里我将这些问题汇总一下，自己也做一下笔记
问题：
1,ios滑动不流畅
2，ios上拉边界下拉出现白色空白
3，页面件放大或缩小不确定性行为
4，click点击穿透与延迟
5，软键盘弹出将页面顶起，收起未回落问题（导致整体页面上移）
6,iphonex 底部栏适配问题
7，保存页面为图片和二维码问题和解决方案
8，微信公众号H5分...

			
		

	





	

		

			

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

					
热门推荐

				
			

			

				

					Louie的博客
				

				

					03-26
					
					2万+
					
				

			

		

		

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

...

			
		

	





	

		

			

				
					
android webview 下拉刷新页面,【已解决】webview方式的标签页，部分页面不能下拉刷新...

				
			

			

				

					weixin_29224309的博客
				

				

					05-26
					
					1406
					
				

			

		

		

			
				
详细问题描述使用上下两个webview的方式组织一个标签页，最下方webview有几个按钮，用于切换上方的webview。默认展示的那个webview可以进行下拉刷新操作。其他的webview无法进行下拉刷新操作。但是，所有的webview都可以进行上拉加载操作。附件中就是最简单的重现代码，可直接运行重现。通过chrome的inspect，打开不能下拉刷新的webview，在console中执行h...

			
		

	





	

		

			

				
					
CSS - H5 页面禁止页面上拉下拉及滚动

				
			

			

				

					王佳斌
				

				

					02-01
					
					8296
					
				

			

		

		

			
				
前言
开发 H5 页面时，我们需要将页面固定住禁止上拉下拉及滚动，网上很多方法，多数是 JS 来判断滚动条来实现。
实现
我推荐使用 CSS 实现，几行代码就能达到同样的效果。
/* 在根节点加入以下代码 */

body{
 	height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}


...

			
		

	





	

		

			

				
					
如何禁止页面滚动

				
			

			

				

					dayanwu2842的博客
				

				

					11-27
					
					2704
					
				

			

		

		

			
				
禁止页面滚动 有三种方法
1，依靠css 将页面

document.documentElement.style.overflow='hidden';

document.body.style.overflow='hidden';//手机版设置这个。

如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。
但是 你用键盘的 上下左右键，你会发现，页面仍然可以滚动。 ...

			
		

	





	

		

			

				
					
html查询之后不刷新页面

					
最新发布

				
			

			

				

					06-13
				

			

		

		

			
				
如果您想在不刷新页面的情况下更新HTML内容，可以使用JavaScript来实现。具体来说，您可以使用AJAX技术向服务器发送异步请求，获取所需的数据，然后使用JavaScript动态更新页面内容。

下面是一个简单的示例代码，它使用jQuery库来实现AJAX调用：

```javascript
// 发送AJAX请求
$.ajax({
  url: "your-url",
  type: "GET",
  data: {param1: "value1", param2: "value2"},
  success: function(response) {
    // 在页面上更新内容
    $("#your-element").html(response);
  }
});
```

在这个示例中，当用户与页面交互时，您可以使用JavaScript来触发AJAX请求，获取服务器上的数据，然后更新页面上的特定元素，而不需要刷新整个页面。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值