## jQuery如何去掉页面的滚屏效果
在某些情况下,我们可能需要禁用或去掉页面的滚动效果。jQuery提供了一些方法来实现这一目的。
### 使用`event.preventDefault()`方法
可以使用`event.preventDefault()`方法来阻止默认的滚动行为。这种方法适用于禁止特定的滚动事件,比如鼠标滚轮滚动或触摸滚动。
```javascript
$(docum            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-22 16:06:33
                            
                                76阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <script type="text/javascript"> var currentpos,timer;             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-16 13:48:58
                            
                                169阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1尺寸相关,滚动事件1.1获取和设置元素尺寸width()、height()    //获取元素width和height  
innerWidth()、innerHeight()  //包括padding的width和height  
outerWidth()、outerHeight()  //包括padding和border的width和height  
outerWidth(true)、out            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-30 11:54:16
                            
                                21阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" target="_blank">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"><html x            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2006-08-22 14:44:00
                            
                                691阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            附加信息:珠海 -"Lzw )一起学习 !转自 免费模板网http://www.wangjie.org/演示效果截图 CSS代码.out {	position:relative;	background:#bbb; 	margin:10px auto;	width:2            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-16 11:54:56
                            
                                283阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在设计网页时,能够控制好各个模块在页面中的位置是非常关键的。本章将讲解利用Div+CSS对页面元素进行定位的方法。 Div是HTML中指定的专门用于布局设计的容器对象 Div是CSS布局的核心对象。 Div本身与样式没有任何关系,样式需要编写CSS来实现,因此Div对象应该说从本质上实现了与样式的分            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-30 09:07:21
                            
                                724阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            采用大量的DIV和CSS样式设置进行页面布局及优化,html没什么难度就那些常用的标签以及div、div嵌套使用,掌握了这些东西技术上就没什么大的难度,CSS样式设置里面有一些设置要记住。写下此文留作笔记供以后参考。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-11-24 12:49:11
                            
                                1078阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            .aaa{    filter:alpha(Opacity=80);  /*  IE有效 */    -moz-opacity:0.5; /* 火狐浏览器有效,IE无效 */    opacity:0.5; /* 除IE外,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-24 18:20:26
                            
                                724阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            4-1.html<html><head><title>边框</title><style><!--img.test1{  border-style:dotted;  /* 点画线 */  border-color:#FF9900;  /* 边框颜色 */&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:16:24
                            
                                1354阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 场景描述很早以前的版本就有了自动滚屏功能,GooSeeker V5.4.0新增的连续滚屏是用于很长很长的瀑布流网页抓取的。如果一个网页不是很长,滚几次就能到底,比如,京东和淘宝上的商品详情有很多图片,需要滚好几屏才能看到底,这类网页是不用连续滚屏的,打开自动滚屏功能就够了。那么连续滚屏主要用于:虽然能翻到底,但是你会发现要翻很久,而且会发现用自动滚屏功能抓到的内容只是最后一个片段,前面的内容            
                
         
            
            
            
            选择自 ibreathe 的 blog 
网页自动滚屏分为页面中的滚动字幕和整个网页自动滚动,页面中的滚动字幕可以用在网页“公告版”或“最新新闻”等信息的发布,而整个网页自动滚动适合用户浏览一篇长达数十页的网文,免去了用户手动翻页的麻烦。下面介绍这两种技术的实现方法:
一、页面中某块文字滚动
这种方法是巧妙地利用html语言提供的标题元素<marquee&g            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2008-11-26 10:39:41
                            
                                1180阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compa            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-24 19:01:13
                            
                                3094阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLef            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2008-07-26 16:29:43
                            
                                6570阅读
                            
                                                                                    
                                4评论
                            
                                                 
                 
                
                             
         
            
            
            
            这是子鼠制作的相册,完全用CSS来表现效果!非常棒,令人惊叹。
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2008-02-01 13:39:06
                            
                                1569阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            3-1.html<html><head>  <title>文字字体</title><style><!--h2{  font-family:黑体, 幼圆;}p{  font-family:Arial, Helvetica, sans-serif;}p.kaiti{             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:26:41
                            
                                1852阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            [java] view plain copy比如下拉菜单中的切换option时,页面的展示效果会存            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-22 23:09:46
                            
                                62阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            采用大量的DIV和CSS样式设置进行页面布局及优化,html没什么难度就那些常用的标签以及div、div嵌套使用,掌握了这些东西技术上就没什么大的难度,CSS样式设置里面有一些设置要记住。写下此文留作笔记供以后参考。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-11-24 12:45:37
                            
                                677阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            如今web2.0炒的很厉害,先不去管它web2.0究竟是什么东西,反正div+css好像是火的不行了.各大知名站点都赶时髦似的把原来的表格布局翻新成了div+css,并美其名曰"本站符合web2.0标准",以便让别人觉得他们的网站用的是最先进的技术.div布局真有那么先进么?这个问题仍在争论之中.在这里咱们不参与这种无聊的争论,学会它自己感觉一下不就清楚了么?   &            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-05-13 10:24:38
                            
                                395阅读