HTML5开发项目实战:侧边栏固定 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    通过对定位的使用,监听滚动事件,在滚动判断中通过 JavaScript 或者 jQuery 修改 CSS 样式,完成侧边栏停靠功能。

    1.了解侧边栏固定及定义JS函数 00:09:10

    本课时讲解通过对侧边栏的了解,掌握侧边栏的实现规则,创建JS函数。

    2.使用JS完成功能 00:08:37

    本课时讲解通过使用 JavaScript 完成侧边栏的停靠,主要监听滚动事件,在滚动事件中判断什么时候可以滚动,什么时候停靠。

    3.处理提示框逻辑 00:07:14

    本课时讲解通过使用 jQuery 完成侧边栏停靠效果,主要监听滚动事件,获取元素高度。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5开发项目实战:侧边栏固定

3课时,25分钟2014-12-09
iwen
iwen

极客学院金牌布道师

课程背景:
在很多大型网站上不难看到一些侧边栏停靠的效果,为了使页面看上去不空洞,导航栏或者左右边栏固定停靠可以更好的展示页面的同时也能为用户提供更多的便捷。


核心内容:
1.事件处理(滚动事件)
2.获取滚动的高度
3.获取元素高度
4.使用JS操作CSS改变样式
5.absolute定位方式


软件环境:WebStrom


是否提供资料:


课程等级:初级


适合人群:
具有HTML基础的开发者

  • 技术问答
  • 1

    了解侧边栏固定及定义JS函数

    09:10

    本课时讲解通过对侧边栏的了解,掌握侧边栏的实现规则,创建JS函数。

  • 2

    使用JS完成功能

    08:37

    本课时讲解通过使用 JavaScript 完成侧边栏的停靠,主要监听滚动事件,在滚动事件中判断什么时候可以滚动,什么时候停靠。

  • 3

    处理提示框逻辑

    07:14

    本课时讲解通过使用 jQuery 完成侧边栏停靠效果,主要监听滚动事件,获取元素高度。

相关课程