• 微信号
您当前的位置:首页 > 资源分享 > 网站源码

网站源码

Theia sticky sidebar master 两栏(三栏)侧边栏跟随固

Theia sticky sidebar master 两栏(三栏)侧边栏跟随固

  • 编号:1
  • 分类:网站源码
  • 查看:
  • 文件来源:网络分享
  • 文件类型:.zip
  • 文件大小:2048 MB
  • 更新时间:2022-03-29
  • 下载权限:免费下载
  • 下载次数:25

使用声明:本站分享的资源来源于网络,本站不保证其安全性;使用本资源所造成的损失,本站概不负责,不承担相关法律责任;

下载声明:本站分享的资源仅用于研究交流,不得用于商业或者非法用途,否则一切后果自负;下载即代表您已阅读并同意【服务条款

介绍

Theia sticky sidebar master是使用率很高的侧边栏jQuery插件,可以智能跟随固定范围的浮动效果。

Theia sticky sidebar master演示地址

示例一

示例二

示例三

示例四

Theia sticky sidebar master使用

Html文档结构

<div class="wrapper">
  <div class="content">
    <div class="theiaStickySidebar">
    ...
    </div>
  </div>
  <div class="sidebar">
    <div class="theiaStickySidebar">
    ...
    </div>
  </div>
</div>

引入js

<script type="text/javascript" src="js/ResizeSensor.min.js"></script>
<script type="text/javascript" src="js/theia-sticky-sidebar.min.js"></script>
		
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('.content, .sidebar').theiaStickySidebar({
      // Settings
      additionalMarginTop: 30
    });
  });
</script>

参数说明:

containerSelector:侧边栏的父容器元素。如果没有指定直接使用侧边栏的父元素。

additionalMarginTop:可选值。指定侧边栏的顶部margin值,单位像素,默认为0像素。

additionalMarginBottom:可选值。指定侧边栏的底部margin值,单位像素,默认为0像素。

updateSidebarHeight:是否更新侧边栏的高度。默认为true。

minWidth:如果侧边栏的宽度小于这个值,将恢复为正常尺寸。默认值为0。(该选项用于响应式设计)

defaultPosition:侧边栏必须是非static的定位方式。默认为relative定位方式。

namespace:绑定事件的命名空间。默认为TSS。

下载地址

Github:https://github.com/WeCodePixels/theia-sticky-sidebar

上一篇:返回列表

下一篇:返回列表

下载地址

· 下载即代表您已阅读并同意【服务条款

猜你喜欢

  • Theia sticky sidebar master 两栏(三栏)侧边栏跟随固

    Theia sticky sidebar master 两栏(三栏)侧边栏跟随固

    Theia sticky sidebar master是使用率很高的侧边栏jQuery插件,可以智能跟随固定范围的浮动效果。

分类

  • 帝国cms
  • 帝国插件
  • html源码
  • 网站源码