CSS |滚动捕捉停止

Scroll Snap 停止属性是 Scroll Snap 模块中的内置属性。 Scroll Snap stop 属性停止，或者您可以将滚动锁定在您定义的某个特定位置。它的工作原理就像每张幻灯片中都有一个图案，当用户滚动幻灯片时，图案会自动更改并适合背景并固定内容的位置。它是滚动捕捉模块中的一个可选属性。

Scroll Snap stop属性允许开发人员在特定位置停止用户滚动操作。假设用户通过巨大的滚轮滚动页面，然后通常当该页面上没有任何内容可供访问时，滚动将在滚动点的末尾停止。但是有了这个属性，开发人员告诉浏览器在哪里停止，不管滚动有多大。

句法：

scroll-snap-stop: normal | always;

参数：该属性只接受上面提到和下面描述的两个参数：

• normal：这个属性是默认值。浏览器通过捕捉位置不会停止任何特定位置。
• 始终：此属性启用在捕捉位置停止。

示例：下面的示例说明了 Scroll Snap stop 属性：

  

    
    

  

    
        
GeeksforGeeks
        
CSS Scroll Snap Stop
        

            
Geeks
            
HTML
            
CSS
            
JavScript
            
Bootstrap
        
    

  
                    

输出：

支持的浏览器： CSS Scroll Snap Stop支持的浏览器如下：

• 谷歌浏览器 69
• 浏览器 11
• 火狐 68
• 野生动物园 11