前端(jQuery)小知识
2018-01-02 10:37
106 查看
1、固定窗体悬浮
$(function () {
$(window).scroll(function () {
//定义鼠标滚动高度
var windownScroll = $(window).scrollTop();
//一定范围内保持高度不变
if(windownScroll<660 && windownScroll>10){
$(".left-content").css("top", "665px" );
}
// 滚动一定高度后,更改top的大小
if($(window).scrollTop()>660){
$(".left-content").css("top", windownScroll+"px" );
}
})
})
$(function () {
$(window).scroll(function () {
//定义鼠标滚动高度
var windownScroll = $(window).scrollTop();
//一定范围内保持高度不变
if(windownScroll<660 && windownScroll>10){
$(".left-content").css("top", "665px" );
}
// 滚动一定高度后,更改top的大小
if($(window).scrollTop()>660){
$(".left-content").css("top", windownScroll+"px" );
}
})
})
相关文章推荐
- 前端学习笔记--jQuery--基础知识--DOM篇
- 8 HTML&JS等前端知识系列之jquery的自定义方法
- Web前端—jquery知识总结
- 电商之梳理JQuery相关知识---前端技术
- JavaWeb前端开发知识总结(jQuery)
- 前端js、jquery、mvc、mvvm的知识
- 前端学习笔记--jQuery--基础知识--事件篇
- JavaWeb前端知识-JQuery
- 前端学习:jQuery基础知识
- 7 HTML&JS等前端知识系列之jquery的事件绑定
- 5 HTML&JS等前端知识系列之jquery基础
- 前端跨域问题相关知识详解(原生js和jquery两种方法实现jsonp跨域)
- 【前端】之jQuery基础知识
- 源码-JavaScript&jQuery交互式前端开发-第1章-编程基础知识
- 前端学习笔记--jQuery--基础知识--样式篇
- 最近项目中用到的一些jquery选择器等前端知识
- JavaWeb前端开发知识总结(jQuery)
- 前端学习笔记--jQuery--基础知识--动画篇
- javaWeb------前端知识(js,jquery)
- 【JQuery,前端】Jquery.Datatables 基本创建方法