精华内容
下载资源
问答
  • RT,怎么让标题固定不动内容可以滚动? 如果把标题写成单独的table 或者li 这就导致它的宽度与表格体部分的数据列宽不统一不好控制, 除了用js计算宽度(内容宽度=标题宽度-滚动条宽度),一一计算每一列的宽度...
  • ionic项目开发时,我们往往需要实现这么一个,上面标题等部分固定不动,下面的展示信息部分内容较多时实现滚动。 在ion-content内的部分默认是滚动的,但是我们不需要它全部内容滚动,应该怎么办呢? 1、先给ion-...

    ionic项目开发时,我们往往需要实现这么一个,上面标题等部分固定不动,下面的展示信息部分内容较多时实现滚动。

    在ion-content内的部分默认是滚动的,但是我们不需要它全部内容滚动,应该怎么办呢?

    1、先给ion-content加上属性scroll="false",如下图:

    <ion-content scroll="false">
        ...
    </ion-content>

    2、给需要滚动的部分外部加上<ion-scroll></ion-scroll>,如下:

    <ion-content scroll="false">
        ...
        <ion-scroll>
            ...
        </ion-scroll>
    </ion-content>

    这样就完成了ionic的部分滚动,但是却会发现,ion-scroll部分的内容并没有显示完全,这时给ion-scroll添上style="height:100%",

    会发现拉到底不拉不动的时候还是有好几条数据没有显示,看到网上有说在ion-scroll内部最后面加上:

    <ion-scroll>
        ...
         <ion-infinite-scroll on-infinite="loadMore()"></ion-infinite-scroll>
    </ion-scroll>

    然后再给loadMore()设置一下什么的,结果是:我的数据又多显示了几条,但是依然没有显示完全,该怎么办?

    最后,我还是用了之前在其它地方用到的方法,在最后加一个<br>标签,就像这样:

    <ion-scroll>
        ...
         <br style="line-height:xxx" />
    </ion-scroll>

    这个xxx代表的数值就需要各位自己根据实际情况去尝试了,不断增加,直到能显示完全为止,不过这样会不会有新的问题,当我数据量进一步增加时,还能显示完全吗?经本人试验,依然可以显示完全,我用了两台手机以及模拟器上都可以完全显示,即使再添加数据也没问题。

    不过,以上本人仅在Android上试验成功(没有试验ios的条件),有兴趣的可以在ios平台试验一下,看看是否能达到一样的效果。欢迎有试验过ios的,或者是ios有其他解决滚动内容显示不完全的办法进行评论告知,谢谢!

    展开全文
  • 由于项目的需要,需要在外层div上添加一个滚动条,该div是上中下被不同的div分割,要求让上层div的内容不... 固定不动 比较长的内容 $("#scroll").scroll(function() { var offset = $(this).offset();

    由于项目的需要,需要在外层div上添加一个滚动条,该div是上中下被不同的div分割,要求让上层div的内容不随着滚动条的滑动而滚动实现代码如下

    <html>
    <title>无标题文档</title>
    </head>
       
    <body>
    <div id="scroll" style ="width:85%;height: 10px%;overflow-y:auto;overflow-x:auto;">
      <div id = "top">固定不动</div>
    
      <div >
    
         比较长的内容
      </div>
    </div>
    
    </body>
    <script>
    $(function(){                         
    
      $("#scroll").scroll(function() {    
        var offset = $(this).offset();    
        $("#top").offset(offset);
      }) ;                           
    
     });
     </script></html>
    
    

    展开全文
  • asp.net 的GridView的标题不动内容上下循环滚动
  • 我想创建一个表格,有标题和...现在的问题是标题不能和内容对齐: dummy Player1 player2 player3 player4 dummy 20 20 20 20 20 20 有什么方法可以对齐?或者实现第一行不动,别的行滚动
  • 多套一个div,用两个table控制,标题一个table,内容一个table。给内容多套一个div,设置高度后 overflow-y: auto; 如果多加一层div,而是直接给tbody设置,IE8支持...

    多套一个div,用两个table控制,标题一个table,内容一个table。给内容多套一个div,设置高度后 overflow-y: auto;
    如果不多加一层div,而是直接给tbody设置,IE8不支持

    展开全文
  • 用js实现table内容从下到上连续滚动

    万次阅读 2014-04-03 13:48:04
    网上有很多用ul实现新闻列表滚动...实现思路:由于table包含标题和内容,实际上理想的效果是标题不动内容滚动,于是把标题和内容拆分出来放在两个table中 table内容连续滚动 * {padding: 0; margin: 0}; td {h

    网上有很多用ul实现新闻列表滚动的例子,但是很少有直接用table实现列表内容滚动的例子,而Marquee标签滚动的效果不是很好,于是自己写了一个,提供给攻城师朋友们参考

    实现思路:由于table包含标题和内容,实际上理想的效果是标题不动,内容滚动,于是把标题和内容拆分出来放在两个table中

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <html>
    <head>
    <title>table内容连续滚动</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style type="text/css">
    * {padding: 0; margin: 0};
    td {height: 28px;};
    </style>
    </head>
    <body bgcolor="#FFFFFF">
    <div style="padding-top: 100px;">
    <table width="600" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="4FBFF9">
    	<tr>
    		<td width="120" align="center">业务流水号</td>
    		<td width="130" align="center">业务名称</td>
    		<td width="150" align="center">申请企业名称</td>
    		<td width="100" align="center">申报日期</td>
    		<td width="100" align="center">办理状态</td>
    	</tr>
    </table>
    </div>
    <div id="demo" style="overflow: hidden; height: 240;">
    	<div id="demo1">
    		<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="4FBFF9">
    			<tr>
    				<td width="120" align="center">201404020001</td>
    				<td width="130">测试业务</td>
    				<td width="150">申请企业名称</td>
    				<td width="100" align="center">2014-03-13</td>
    				<td width="100" align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020002</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020003</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020004</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020005</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020006</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020007</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020008</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020009</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020010</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020011</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020012</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020013</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020014</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020015</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020016</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020017</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020018</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020019</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    			<tr>
    				<td align="center">201404020020</td>
    				<td>测试业务</td>
    				<td>申请企业名称</td>
    				<td align="center">2014-03-13</td>
    				<td align="center">在办</td>
    			</tr>
    		</table>
    	</div>
    	<div id="demo2"></div>
    </div>
    <script type="text/javascript">
    var speed = 50;
    demo2.innerHTML = demo1.innerHTML;
    function Marquee() {
    	if (demo2.offsetTop - demo.scrollTop <= 0) {
    		demo.scrollTop -= demo1.offsetHeight;
    	} else {
    		demo.scrollTop++;
    	}
    }
    var MyMar = setInterval(Marquee, speed);
    
    demo.onmouseover = function() {
    	clearInterval(MyMar);
    }
    
    demo.onmouseout = function() {
    	MyMar = setInterval(Marquee, speed);
    }
    </script>
    </body>
    </html>
    

    没用使用插件,直接将代码另存为html文件,用浏览器打开测试即可

    经过测试,IE8、Chrome、Firefox都可以兼容



    展开全文
  • 样式: .fixedHead { position: relative; top:expression(this.offsetParent.scrollTop-2); }使用:    标题不动    内容滚动
  • navigationTitle屏幕滚动标题,将在用户滚动通过英雄部分后显示 navigation -屏幕导航组件 heroImageUrl最初显示的英雄图像路径。 heroContent将传递到英雄部分的内容(例如标题,副标题,游览日期) < Screen...
  •  项目管理后台前端页面采用bootstrap框架,需求表格的标题需要冻结,也就是表格的标题固定不动内容可以上下滚动,查询bootstrap框架文档,发现将表格设置height属性后,可以达到此需求,示例代码如下: ...
  • 列表页主要有标题、日期时间切换、列表表头在滚动的时候是的,只有表体的数据内容可以区域滚动。表体的内容写在<scroll-view></scroll-view>组件里。 在列表页还可以切换到图表页;图表页的头部和...
  • 使用BottomSheet,支持滚动布局,同时底部布局不会因BottomSheet未显示全部内容而隐藏。 目录 特性 高度自定义 支持自定义标题布局(Toolbar ...),内容布局(列表,文字)和底部布局(按钮,BottomAppBar) 底部...
  • http://blog.chinaunix.net/uid-14767524-id-2785539.html在页面设计时,有时会碰到上边一小部分要固定(比如是一个动态生成的标题,高度确定),而下边的具体内容则需要滚动显示的情形(在使用框架集合的情况下),...
  • 这是一个示例,旨在在舒适的时机练习将动画合并到某个似乎是运动要点的部分中,以使它在涉及滚动UI或切换选项卡UI的内容中不会变得自然。 已实现功能列表 对于此样本,主要实现以下6个功能。 当出现UITableView...
  • 滚动条的表格

    千次阅读 2016-07-22 00:40:23
    如果表格可以固定长度,内容可以上下滚动,且标题不动,这样看起来就好多了。 那么该如何实现呢?这里想到了一种方法,即表格内部再嵌入一个表格,内部固定高度,以达到滚动的效果。 示例代码如下: table {
  • jQuery 滚动条事件监听

    2016-02-15 09:30:55
    或者有其他办法实现12306城市往返选择手机端的滚动效果:A开始时固定不动 页面向下滚动时即在B滚动到A时 B顶替A的位置并且固定住 然后继续滑动时 C划到B的位置 C固定住 并且顶替B的位置 5.如果4有解决办法 那么还...
  • HTML页面上面固定下面滚动的实现

    千次阅读 2014-12-15 20:55:23
    在页面设计时,有时会碰到上边一小部分要固定(比如是一个动态生成的标题,高度确定),而下边的具体内容则需要滚动显示的情形(在使用框架集合的情况下),今天自己试着写了一下,代码如下: ...
  • 说明:可能在每页都动态加载数据时时用到,但思想不错 微信小程序滚动Tab选项卡:左右可滑动切换 最终效果如上。...2、tab内容区左右滑动切换时,tab标题随即做标记(active)。 3、当active的标题...
  • 1.菜单在内容布局上层,从左测滑出来、滑入,内容布局不动;\n2.PagerViewTab只有文字,PagerView可左右滑动;1.菜单在内容布局上层,从左测滑出来、滑入,内容布局随之向右向左滑动;\n2.PagerViewTab有图标和文字...
  • Android仿最美应用详情页动画效果

    千次阅读 2016-07-02 20:32:55
    将视图划分为内容视图和标题视图(貌似也合适,因为没有标题,只是放置了一些图标) 内容视图标题视图:覆盖在内容视图上方 动画的临界点:标题视图的收藏按钮(下载按钮)的底部与内容视图的收藏按钮(下载按钮)的...
  • 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
  • "不得说,单单是文章的标题,可能足以说明本文的内容。因此,在继续讲述约束动画之前,我先放上本文要实现的动画效果。" 编辑:Bison投稿:Sindri的小巢 约束动画并不是非常复杂的技巧,在你熟练使用约束...
  • 41、改进企业空间的企业新闻标签title能显示文章标题,有利于搜索引荐抓取。 42、修复专题页special.asp列表动态运行下将所有信息都列出来的bug 43、修复utf-8版本发布百度新闻xml出错 ... 后台登录:/admin 管理员...
  • 41、改进企业空间的企业新闻标签title能显示文章标题,有利于搜索引荐抓取。 42、修复专题页special.asp列表动态运行下将所有信息都列出来的bug 43、修复utf-8版本发布百度新闻xml出错 ... 后台登录:/admin 管理员...
  • 让你的网页文字起来。。。

    千次阅读 1970-01-12 21:20:04
    大家肯定都看过在网页上有向上,向下的文字滚动这对于一个网页大虾来说肯定不是什么难题了,但是我发现好多初学网页制作的新手... scrollamount=1 scrolldelay=1 title=滚动标题>滚动内容备注:height和width分别是字幕

空空如也

空空如也

1 2 3 4 5 ... 17
收藏数 323
精华内容 129
关键字:

标题不动内容滚动