expression-滚动条 标题固定怎么弄

问题描述

滚动条 标题固定怎么弄
   像css expression(this.offsetHeight.scroll)  这种兼容性不好,在ie11,谷歌都不能

用。但是用js控制呢,感觉标题上下晃动的太厉害,求高手指点

解决方案


你是想实现类似淘宝搜索框这种功能吗?不管怎么滚动,搜索框始终停在窗口最上边?
这是当滚动条滚动到一定位置后显示一个层来实现的。
position:fixed

生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过 ""left""top""right"" 以及 ""bottom"" 属性进行规定。

解决方案二:
关键在于层的CSS样式:position:fixed

时间: 2024-11-05 16:29:15

expression-滚动条 标题固定怎么弄的相关文章

前端-怎么让table标题固定,仅内容可以滚动

问题描述 怎么让table标题固定,仅内容可以滚动 RT,怎么让标题固定不动,内容可以滚动? 如果把标题写成单独的table 或者li 这就导致它的宽度与表格体部分的数据列宽不统一不好控制, 除了用js计算宽度(内容宽度=标题宽度-滚动条宽度),一一计算每一列的宽度,有啥比较好的方法能实现这个标题固定,内容可以滚动,又能使每一列和标题对齐? 解决方案 如果只是行固定或者列固定可以用div和table去模仿,让他看起来像是一个table. 如果是行和列都固定的话,那就需要用插件了 网上搜搜 ,自己

效果-iframe 滚动条如何固定在下方

问题描述 iframe 滚动条如何固定在下方 iframe 滚动条如何固定在下方,类似qq聊天信息!现在效果信息过来滚动条就到上变了,看不到下边刚过来的数据!请大神指教. 解决方案 自动滚动http://blog.csdn.net/starnight_cbj/article/details/2908955

javascript 带有滚动条的表格,标题固定,带排序功能._javascript技巧

复制代码 代码如下: //使用要求: //1.将表格的Class命名为:sorttableHold, //2.表格放置在一个div中,此div设有overflow属性. //3.表格要求有ID,div要求有ID //4.要有JQuery.min.js文件 //5.OK. addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX; function sortables_init() { // Find all tabl

利用jquery的滚动条滚动固定div

 js & jquery <script src="jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var loaded = true; var top = $("#demo").offset().to

博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧

当一个页面内容很长的时候,侧边栏栏目可能显得太短,当窗口滑动到靠下的位置,则侧边即失去了展示内容的机会.很多新闻资讯类网站如新浪.网易.CSDN等,会在边栏的右下角以固定的小弹窗形式,以提供更多的内容展示方式,但这并不适合博客和web2.0风格的网站. 现在很多的独立博客和网站如人人网等,都使用了让侧边栏模块随滚动条滑动而位置固定的效果.就是当一个页面很长的时候,设定侧栏内容会跟随滚动条,这种效果适用于评论较多.内容较长的网站.志文工作室调研了几种类似功能的实现方法,摘录之以供参考. 参考一.提

基于jquery的滚动条滚动固定div(附演示下载)_jquery

例如:淘宝商品详情里,滚动条往下来拉的时候,商品详情和评价那个nav会固定,现在很多网站也都有这样类似的效果,现在流行这个么?元芳,你怎么看?我也在网上找了找代码,屡试不爽啊,很多代码乱且没用.于是乎,我自己写一个,代码非常之简单,只有10几行,但遗憾的是,不兼容IE6,如果谁有兼容IE6的例子,还请指教. 直接贴下代码吧. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quo

jQuery 顶部导航跟随滚动条滚动固定浮动在顶部_jquery

  复制代码 代码如下: <section> <article class="left"> <p> </p> <ul> <li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容</a></li> <li>

有滚动条、固定Header的ASP.Net DataGrid实现

客户要一个有滚动条的ASP.Net DataGrid控件,只好写了:using System;using System.Web.UI;using System.Web.UI.WebControls;using System.ComponentModel;using System.Diagnostics;using System.IO;using System.Web.UI.Design.WebControls;using System.Text;using System.Drawing; [as

div 超出 滚动条:JavaScript 固定DIV高度,超出部分自动添加滚动条

function setheight(){var div=document.getElementById("event_basicInfo");//div.style.width="40%";div.style.height=400;div.style.overflow="auto";}window.onload=setheight;  本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/2012