Semantic-UI 粘在自己的上下文中

语义用户界面 开源框架提供图标或字形，用于显示与使用 CSS 和 jQuery 的某些元素相关的图片，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI 粘性内容保持固定在浏览器视口上，而视口上的其他内容可见。

Semantic UI Sticky Own Context没有任何上下文坚持自己的上下文。默认情况下，无需指定任何内容。内容可能与粘性元素重叠。初始化 Sticky，它将使用自己的上下文，如下所示。

语法：

$('.ui.sticky').sticky({})

示例：在下面的示例中，我们将粘性内容放置在一个容器中，该容器坚持其自己的上下文，即放置它的容器。

HTML

  
    
    
    
   
    
      body {
        padding: 10px;
        margin: 10px;
      }
      #container1 {
        height: 1000px;
      }
      #container2 {
        height: 1000px;
      }
    
  
  
    
      
        
           GeeksforGeeks 
        
         Semantic UI Sticky to Own Context 
      
    
    
      Welcome to GeeksforGeeks
      Find the best programming tutorials here.
      
        First Sticky
        
          Data Structures
          Algorithms
        
      
    
    
      Welcome to GeeksforGeeks
      Computer science portal for geeks.
    
  
    
      $('.ui.sticky#first').sticky({})
    
  

输出：

Semantic-UI 粘在自己的上下文中

参考链接： https://semantic-ui.com/modules/sticky.html