div动态显示与隐藏时防止滚动条回滚

最新推荐文章于 2022-08-08 14:32:06 发布
原创 最新推荐文章于 2022-08-08 14:32:06 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#div #javascript #null

本文介绍了一种使用javascript:void(null)实现在网页中点击链接时滚动条定位但不刷新页面的方法。这种方法通过设置特定的JavaScript链接来实现，适用于需要在页面内部进行导航而不需要重新加载的情况。

<a href="javascript:void(null)" style="color:#333333;text-decoration:none;" onclick="javascript:
if(document.getElementById('FAQ<%# Eval("FAQID") %>').style.display == 'none')
{document.getElementById('FAQ<%# Eval("FAQID") %>').style.display = 'block';}
else {document.getElementById('FAQ<%# Eval("FAQID") %>').style.display='none';}";>
<h4><%# Eval("FAQQuestion") %></h4>
</a>
<br/>
<div id="FAQ<%# Eval("FAQID") %>" style="display:none;color:#333333;">
<%# Eval("FAQAnswer") %><br/></div>

 

比较关键的代码就是:href="javascript:void(null)",就是这句话实现了页面中滚动条的定位不刷新。 

meloveself
关注
VB带有滚动条的窗体
01-26
一款在窗体上增加了滚动条的源代码，就想记事本那样可以上下翻看！
jquery右侧浮动广告,随滚动条上下滚动,效果很好哦.
09-18
标题中的“jquery右侧浮动广告,随滚动条上下滚动”指的是使用jQuery库实现的一种网页广告设计技术，这种技术可以使广告在页面右侧保持固定位置，并随着用户滚动页面时始终保持可见。这样的设计能够持续吸引用户的...
vue动态渲染组件间切换，内容不刷新，记住滚动位置
zhouweiggaaa的博客
07-23 836
@[TOC]keep alive 实现组件切换缓存页面，并记住当前的滚动位置 场景 home组件下动态渲染文章列表组件， <!-- 文章列表 --> <article-list ref="alist" :channel="channel"></article-list> 点击进入当前文章，返回至首页页面刷新 keep alive 官网介绍： 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 要求同时只有一个子元素被渲染。 Router中配置me
asp.net 防止页面滚动的两个方法[引用]
jsljy的专栏
02-21 1183
一、  private void RetainScrollPosition()  {   StringBuilder saveScrollPosition = new StringBuilder ();   StringBuilder setScrollPosition = new StringBuilder ();   RegisterHiddenField("__SCROLLPOS", "
页面刷新后，滚动条回滚顶部
qq_41543217的博客
12-18 705
这个问题以前遇到过，直接用 $(window).scrollTop(0)可以实现。但是现在不行了，估计是跟浏览器版本有关系。百度了半天，基本上都是这个套路。但它是真的不管用。 后来气的我直接爬墙去找某歌，还真找到一个解决的办法。 但我也不知道它的原理是啥，反正能用，我们看下边代码。 $(window).on('load', function () { setTimeout(function () { $(window).scrollTop(0); }, 0); }); ...
Taro Vue3, 设置了enablePullDownRefresh:true, 页面有下拉刷新的效果 但是出现弹框有滚动条时，弹框内容滚动到底部，再想向上滚动时会触发下拉刷新效果，导致回滚到顶部，怎么处理这个问题
最新发布
12-07
在 Taro Vue3 中，当 `enablePullDownRefresh` 设置为 `true` 时，出现弹框有滚动条，弹框内容滚动到底部再向上滚动触发下拉刷新导致回滚到顶部的问题，可以通过以下几种方法解决。 #### 方法一：动态控制 `...
vue3 setup 实现。一个6000条数据以上的超长列表滚动加载，后端每次调用返回20条数据，前端页面上一次最多显示10条，如何保证无感加载。不管是向下滚动还是向上回滚都进行，而且前端html结构里不会随着滚动增加而增加节点
04-26
内部的可视区域需要根据总数据量计算总高度，以便滚动条的长度正确反映所有数据。每个项目使用绝对定位，根据其索引计算top值，排列在正确的位置。 最后，测试和调试，确保在不同滚动速度和数据量下都能正常工作，...
仿凤凰网新闻推荐文字滚动条的jQuery实现
- 超出隐藏与自动回滚：确保滚动条在内容超出容器时隐藏，并在到达末端后自动回到开始位置，实现循环滚动。 4. 具体实现代码解析： 由于只提供了文件名称列表，未给出具体的代码实现，但可以推测，codefans.net提供...
随着滚动条，小广告也滚动的做法.rar
04-28
在创建“随滚动条滚动”的广告时，我们将使用`fixed`定位。 接下来，我们考虑如何通过JavaScript或jQuery对DOM进行操作。当页面滚动时，我们可以监听滚动事件（例如使用`window.onscroll`或`$(window).scroll()`）...
div跟随滑动事件
09-07
鼠标滑动到容器上时，div跟随；鼠标滑动到容器上时，div跟随；鼠标滑动到容器上时，div跟随；鼠标滑动到容器上时，div跟随；
滚动条控制 div的显示与隐藏。
我本无名的专栏
11-13 4976
    昨天在论坛上看见一个兄弟在提这个问题，就自己作了一个小例子，感觉很有意思，今天放了上来       New Document                function get_scrollTop_of_body(){        var a = document.getElementById(div1);        va
功能整合（一）：滚动条的变相隐藏、js控制div的渐变显示、滚动条监听
weixin_34186128的博客
04-14 252
1、滚动条的变相隐藏 思路： 1. 把body的横向，纵向的超出部分隐藏，宽设置100%；高设置100%。就没有body的滚动条了， 2. 然后把最外层的div的宽设置的比body的宽宽一点，把div的滚动条挤出去，并把div的横向超出部分隐藏掉，就可以实现没有滚动条也可以滚动的效果 1 <html> 2 <style> 3 *{ ...
Html页面加回滚
weixin_34289454的博客
08-04 295
<div class="top-box"> <img src="~/Content/img/youlink.jpg" width="54" height="60" class="youlink-img" /><br /> <img src="~/Content/img/top.gif" class="top-img" /> </d...
div隐藏之后再显示，无法触发滚轮事件
weixin_49993560的博客
12-18 339
解决方案：因为div隐藏之后，div的值均为0；显示之后还保持着隐藏之后的值，所以要重新获取div的值才可触发滚轮事件
vue项目中，滚动条恢复初始位置的方法
m0_55588706的博客
08-08 2459
vue项目中，滚动条恢复初始位置的方法。
解决页面刷新后滚动条回滚的问题。
马立弘
06-11 1636
1.在页面中新增一个方法 private void KeepScrollPosition(Control p)        {            HiddenField oScrollPosX = new HiddenField();            HiddenField oScrollPosY = new HiddenField();            oScrollPosX.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值