首页 > 其他分享 >按下按钮后页面的滚动条向下(或向上)滑动,松开之后便停留在当前位置的效果如何实现?

按下按钮后页面的滚动条向下(或向上)滑动,松开之后便停留在当前位置的效果如何实现?

时间:2023-09-18 10:05:50浏览次数:35  
标签:function body -- currentpos window 滚动条 按下 scrollTop 页面


网友问题?

客户要求做一个框架,按下小框架页面中的“上翻”或者“下翻”按钮后,大框架页面便随之向上(或向下)滚动,松开按钮滚动停止,并停留在当前位置,如何解决?

解决方案如下:

-----------------
mm.htm:
-----------------

<frameset rows="*,20%">
<frame name="main" src='liu.htm' target="footnotes">
<frame src='tt.htm' name="footnotes">
<noframes>
<body><p>此网页使用了框架,但您的浏览器不支持框架。</p>
</body>
</noframes>
</frameset>

------------------
tt.htm
------------------

<body  οnmοuseup="goStop()">
<center><span οnmοusedοwn="goUp();">up</span>    <span οnmοusedοwn="goDown();">down</span></center>
</body>
<script>
function goDown()
 {
     
      window.parent.main.go_down.click();
 }function goUp()
 {
     
      window.parent.main.go_up.click();
 }function goStop()
 {
     window.parent.main.go_stop.click();   
 }
</script>

------------------
liu.htm
------------------

---------------------
liu.htm
---------------------

<script language="JavaScript">
var currentpos,timer;  
function goDown()  
{timer=setInterval("scrollwindowDown()",1);}  
function scrollwindowDown()  
{currentpos=document.body.scrollTop; window.scroll(0,++currentpos);  
if (currentpos != document.body.scrollTop) goStop();}function goUp()  
{timer=setInterval("scrollwindowUp()",1);}  
function scrollwindowUp()  
{currentpos=document.body.scrollTop; window.scroll(0,--currentpos);
parent.status=currentpos + ":" + document.body.scrollTop;
if (currentpos != document.body.scrollTop) goStop();}    
function goStop(){clearInterval(timer); }  
</script>
<span style='display:none;'>
<input οnclick="goDown();" type='button' id='go_down'>
<input οnclick="goUp();" type='button' id='go_up'>
<input οnclick="goStop();" type='button' id='go_stop'>
</span>
<body>

实习时碰到三个自己教的姑娘,一排很脆生地叫“老师好”,我当时居然也就回了一句“老师好”,事后觉得再无颜面立讲台之上了。
--
我大学的时候,有一次下课回宿舍,不知道为什么我宿舍的门怎么也打不开了,我一怒之下一脚把宿舍门踹开,进去以后突然不是自己宿舍,原来自己多上了一层楼……最糟的是居然还有一个翘课在宿舍里睡觉的家伙被我惊醒,吃惊的看着我……
--
再说一个更强的,我大学的时候和一个同学去姑娘宿舍玩,当时是冬天,女孩子的内衣最里面的裤子都晾在屋里,还有一个把内衣最里面的裤子放在睡觉的地方上,也不收,好在我们都是老战士了,对此也没什么感觉,我那同学进屋就把手套房到睡觉的地方上,走的时候也没看,随手就拿了一个东西装口袋直接去教室上课了。到外面手冷拿手套的时候才发现错拿了一个女生的最里面的裤子……
--
我初中时和一个朋友去游泳。当时人小,特喜欢潜水,而那个朋友也没带眼镜,就埋着头游。谁知,他一下钻到一个JJ的救生圈里了,而且还是从正面进去的--典型一个哺乳动作。那个JJ的男友大概看我们人小,拍拍我朋友的头,也没说什么。
--
我记得我们学校的男生宿舍是不关门的,一日一位男同学沐浴后,乘着黑幕降临,光着身子跑到阳台上吹干,正在这时值班老太婆打着手电上来,从头到脚慢慢的照了一遍。男生大叫跑进房,第二天学校贴出报告说他裸奔,也许是他一生最尴尬的事!
--
历史的差异--那还是8年前的事(我读初中),我记不清了!只记得一个朋友边看电视,边与女友打电话。(那时只能这样,两个人也只是小朋友的恋爱)。突然电视里放起了带广告歌的月月舒的广告(那时思想刚开放,月月舒广告还不盛行,广告歌也比较淳朴)。那老兄竟然情不自禁的跟着广告哼歌,被其女友察觉,两人就此分手。现在这样的悲剧一定不会重现,说不定你的女友还会夸你歌唱的好,会唱的歌多呢?也说不定会从女友的口中听到套套的广告歌(只要公开在电视上做广告的话)
--
和表哥的同学一同上方便的场所,里面灯光昏暗。忽然看见一人进来XUXU。由于观其脸部轮廓很象我表哥,我们不由得会心笑了起来。只听见那个人冲我们大声嚷道:“笑什么啊,是不是看到我踩到大人更了很开心啊!”两人狂笑夺门而出。
--
班上有一迟到大王,忽然一天很早就到了学校。惊奇之余,暗暗佩服他的改过之心。上完早自习,老师开始正式上课,突见那个迟到大王背着书包进了教室。老师怒问为何又迟到了,曰:“吾很早就到了,只是书包忘在家里,又回去拿了”
--
我同学不常玩星际,我们坐公共汽车,他想说星际,但是想不起名字来,想了一会,突然大声说:“对,就是那个之战!”
--

--
高中时班上一个女同学被老师叫起来念课文,其中有一句“奉劝纨绔与膏粱,莫效此儿形状”(具体文字可能有出入,记不清了),当场把“纨绔与膏粱”念成了"膏纨",全班皆倒!
--
呵呵上初中地时候,有一篇课文是讲法西斯的,名字我忘了,那个时候老师有个习惯较大家起来念课文,一人几段,有个MM有一段是说法西斯来得时候喊道:“野兽来了,野兽来了”那个MM可能是太想坐下来了,把书一合,说道“野猪来了,野猪来了”就坐下了,结果全班爆笑,那个MM一天没有抬头看我们!!!
--
</BODY>

标签:function,body,--,currentpos,window,滚动条,按下,scrollTop,页面
From: https://blog.51cto.com/u_8215601/7507399

相关文章

  • 页面输出太多会严重影响web程序的性能
    我有这样一个小程序:asp+sqlserver2000。数据量增加的很快,最近发现它的性能非常差,每次打开都需要十几秒,甚至几十秒,因为我的程序分页用的是我自己的分页程序:难道这个分页程序有问题,但是其他地方用到它没有感觉到慢呀,我没事就琢磨他,到网上查资料,结果没有具体查到说到我......
  • TienChin 渠道管理-渠道页面完善
    最后附上渠道管理的数据installSQL语句:INSERTINTOTienChin.tienchin_channel(channel_id,channel_name,status,remark,type,create_by,update_by,create_time,update_time,del_flag)VALUES(3,'小红书渠道',1,'小红书渠道',1,'qudao','qu......
  • JAVA 实现登录页面生成验证码
    1importjavax.swing.*;2importjava.awt.Color;3importjava.awt.Font;4importjava.awt.Graphics;5importjava.awt.event.ActionEvent;6importjava.awt.event.ActionListener;7importjava.util.Random;89publicclassLoginFrameext......
  • Java swing 实现QQ登录注册页面
    代码如下1packagecom.lty;2importjavax.swing.*;3importjava.awt.*;4importjava.awt.event.ActionEvent;5importjava.awt.event.ActionListener;6importjava.util.Random;78publicclassQQLoginPage{9privateJFrameframe;10......
  • Vue js 框下制作登录页面的新方法
    ......
  • ant design pro改造表格页面
    找到src/pages/TableList/index.tsx先ctrl+shift+-全局压缩在TableList找到columns换成我们自己的ProColumns中放的是数据下图为API.InterfaceInfoconstcolumns:ProColumns<API.InterfaceInfo>[]=[ {   title:'id',   dataIndex:'id',  ......
  • session存储数据-解决歌手页面刷新报错的问题
    刷新报错的原因是,singer数据是需要在singer.vue页面去传到singerdetail.vue页面的,所以想要重新加载singerdetail页面就必须重新返回到singer页面,很麻烦,想要解决就只需要将数据存储到session中既可以,网站的数据存储一般有两种,一个是location一个是session,这里的话不用用到location,......
  • CDN 在某些页面上提供图像,但在其他页面上不提供图像
    如果在某些页面上使用CDN提供图像,但在其他页面上不提供图像,可能是以下几个原因导致的:1.页面链接错误:检查在不提供图像的页面上,图像的链接是否正确。确保链接指向CDN上的正确图像位置。2.缓存问题:有可能之前访问缺少图像的页面时,图像链接出现问题,导致浏览器缓存了错误的链接。尝试......
  • 如何避免HTML iframe导致页面刷新
    要避免HTMLiframe导致页面刷新,您可以采取以下几种方法:使用AJAX加载内容:使用JavaScript的AJAX技术来异步加载iframe中的内容,这样就可以避免整个页面的刷新。您可以使用XMLHttpRequest或者jQuery的$.ajax方法来实现异步加载。设置iframe的sandbox属性:将iframe的sandbox属性设置为"al......
  • 前端项目实战肆佰壹拾陆react-admin和material ui-path重复页面数据error
    letmaterialTypeItem:ISubItem={path:'materialtype',label:<NoneDecorationLinkstyle={{color:'white'}}to='/t_base_materiel_type'>物料类型管理</NoneDecorationLink>}materialManItems.children.push(material......