smartFloat

【smartFloat】的更多相关文章

$.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if (s…

固定浮动侧边栏（SmartFloat）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

jquery插件学习之元素顶部悬浮

jquery插件的学习: HTML部分及应用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #float{border: 1px solid #e0e0e0; padding: 10px; position: absolute; width: 170px;} </style> <…

JS学习知我见（常用建站代码）

<!doctype html><html><head><meta charset="utf-8"><meta name="description" content="jquery网站建设常用到的效果插件" /><meta name="keywords" content="jquery网站建设常用到的效果插件" />><tit…

AngularJS开发指南6：AngularJS表单详解

表单控件(input, select, textarea )是用来获取用户输入的.表单则是一组有联系的表单控件的集合. 用户能通过表单和表单控件提供验证的服务,知道自己的输入是否合法.这样能让用户交互变得友好,因为用户能通过反馈来修正自己的错误.不过,虽然客户端的验证能够起到很大作用,但也很容易被绕过,所以不能完全依靠客户端验证. 要建立安全的应用,服务器端验证还是必不可少的. 了解AngularJS双向绑定的关键在于了解ngModel指令.这个指令通过动态将model和view互相映射,来实现…

JS-JQ实现页面滚动时元素智能定位(顶部-其他部位)

先看效果: 阅读前提:充分理解div的三种定位方式:浮动,相对定位,绝对定位方法一(顶部) 原理:直接使用css 进行控制:缺点:不兼容ie6-: 实现:position:fixed; top:0 方法二(顶部) 原理:获取页面被卷曲的高度(LEN),复制给 obj.STYLE.TOP=LEN,缺点,效果不是很流畅! 实现: window.onscroll=function (){ var len=document.document…

Angularjs之表单实例（三）

正确引用js css文件后可运行 <!DOCTYPE html> <html ng-app='myApp'> <head> <title>Bootstrap navigator</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"…

AngularJs学习笔记--Forms

原版地址:http://code.angularjs.org/1.0.2/docs/guide/forms 控件(input.select.textarea)是用户输入数据的一种方式.Form(表单)是这些控件的集合,目的是将相关的控件进行分组. 表单和控件提供了验证服务,所以用户可以收到无效输入的提示.这提供了更好的用户体验,因为用户可以立即获取到反馈,知道如何修正错误.请记住,虽然客户端验证在提供良好的用户体验中扮演重要的角色,但是它可以很简单地被绕过,因此,客户端验证是不可信的.服务端验证…

JS仿淘宝详情页菜单条智能定位效果

类似于淘宝详情页菜单条智能定位对于每个人来说并不陌生!如下截图所示:红色框的那部分! 基本原理: 是用JS侦听滚动事件,当页面的滚动距离(页面滚动的高度)大于或者等于 "对象"(要滚动的对象)距离页面顶部的高度,也就是说滚动的对象与窗口的上边缘接触时,立即将对象定位属性position值改成fixed(固定) (除IE6以外,因为IE6不支持fixed).对于IE6用绝对定位position:absolute,top:就是"游览器滚动的top".在 IE6下浏览看…

jQuery实现页面元素智能定位

实现过程 Js侦听滚动事件,当页面滚动的距离(页面滚动的高度)超出了对象(要滚动的层)距离页面顶部的高度,即要滚动的层到达了浏览器窗口上边缘时,立即将对象定位属性position值改成fixed(固定).同时为了有个好点的体验效果,可以将对象的样式设置阴影效果以便更好的区分浮动层与页面内容主体. 这里需要注意的是,老前辈IE6不支持fixed,那就只能使用absolute来代替,但是这样会有一个问题,将会导致在IE6下看不到平滑效果.我们可以通过window.XMLHttpRequest来判断是…