jQuery侧边栏固定】的更多相关文章

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #top_head { width: 100%; height: 253px; background: gray; } #middle_right_list { width: 70%; height: 1800px; background: #0000…
<!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-Typ…
今天做了个固定定位的效果.比如对导航需要进行固定定位效果: 当没有滚动到导航下面,导航正常显示. 当滚动到导航下面,导航就固定到顶部. 这个效果使用了jquery的方法实现,具体思路为: 1)首先获取导航相对与文档的偏移量top(使用offset().top) 2)定义滚动事件,获取滚动元素的scrollTop,对scrollTop及top进行比较 3)若scrollTop超过了top,则对导航进行position:fixed设置,若没有超过,则对导航设置默认的position:static.…
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; } #header{ width:100%; height:200px; background-color: #CCCCCC } #side{ float: left; wi…
网上找了好多现成的.结果没一个能成.只得自己动手. (function($){ $.fn.fixHeader = { init : function(obj){ var p = obj.parent(); //绑定事件 p.scroll(internalScroll); //获取表格第一行 var head = obj.children("thead tr th:first"); if (!head || head.length == 0) { var body = obj.child…
<style type="text/css"> #outer{ display: flex; width: 100%; flex-flow: row nowrap; } .left,.right{ width:200px; height:50px; background: red; } .middle{ flex-grow: 1; //决定如何分配剩余空间 background: yellow; } </style> <body> <div i…
Linux下有些绿色软件,不需要安装就可以双击启动,但有些程序在打开后直接在 Launcher 中右键选择 Lock to Launcher ,但是,有时候单击图标后并未启动应用,下面给出解决方法. 1.在你的终端输入依次以下指令: cd /usr/share/applications/ ls  -l 可以看到很多以.desktop结尾的文件,这些便是那些可以在 Launcher 中单击启动并配有漂亮图标的程序的配置文件,称之为 Desktop Entry. 2. 新建一个当前应用的entry…
<%@ page contentType="text/html;charset=UTF-8" language="java" %>无标题文档 我爱beyond网,全国最大的公益性纪念beyond网站,www.ilovebeyond.com 我爱beyond网,全国最大的公益性纪念beyond网站,www.ilovebeyond.com 我爱beyond网,全国最大的公益性纪念beyond网站,www.ilovebeyond.com 我爱beyond网,全…
在点击页面空白时候,页眉和页脚会隐藏,在页眉和页脚加入以下代码就可以了: data-tap-toggle ="false" 例子: <div data-role="footer" data-position="fixed" data-tap-toggle ="false"> 参考: http://www.voidcn.com/article/p-ernmekqu-bsm.html…
jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下载菜单源代码. 1.jQuery 3D 垂直多级菜单 可筛选菜单项 这是一款手风琴样式的垂直多级菜单,其特点是利用CSS3特性让菜单外观显得3D立体的效果,同时你也可以在搜索框中输入关键字来筛选菜单项. 在线演示 源码下…