Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Window.scroll / scrollTo方法就位工作:固定的div而不是document.body

Window.scroll / scrollTo方法就位工作:固定的div而不是document.body
EN

Stack Overflow用户
提问于 2018-01-31 13:56:58
回答 1查看 493关注 0票数 0

我有一个带有overflow-y:scrollposition:fixed div,因为e.scrollIntoView方法运行得很好,window.scrollscrollto方法没有应用于这个固定的div,但尝试滚动document.body

这种情况下有什么解决方法吗?有没有可能让window.scrollwindow.scrollTo方法在固定的div容器中工作。

我期待着听到你的感谢。

EN

回答 1

Stack Overflow用户

发布于 2018-01-31 15:00:25

下面这样的内容如何:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function scrollto(elemSelector) {
  var $wrapper = document.querySelector('.fixed-wrapper'),
      $el = document.querySelector(elemSelector);
  $wrapper.scrollTop = $el.offsetTop;
} 

请在此处查看演示:https://codepen.io/anon/pen/mXJMrx

这是你想要的吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48543896

复制
相关文章
关于p标签不能嵌套div标签引发的标签嵌套问题总结
问题由来:<p>中嵌套<div>标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段<p>的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结。
IT人一直在路上
2019/09/16
2.9K0
HTML标签嵌套规则
HTML5学堂:HTML标签存在一定的嵌套规则,如果我们不遵循这个嵌套规则进行代码书写,也能够实现出基本的功能(这大概也是HTML+CSS的特殊之处吧),但是直接影响着我们的代码质量。很俗的来说,也跟工资挂钩啦~~~另外,温馨提示各位,记忆知识应当采用合适的方法,不要一句一句背诵。块就如同盒子,行就如同一段文字。之后就是块、行的嵌套关系,对于列表项、form、table对子层内容有一定的要求。这样来记忆要好很多~ 基本嵌套规则 1、body可以直接包含块状元素、ins、del、script。不可以直接包含行
HTML5学堂
2018/03/12
1.2K0
HTML标签嵌套规则
div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul
小小咸鱼YwY
2019/09/11
1.1K0
iframe标签(页面嵌套)
上面两张图是两个不同的页面但是它们的基本框架都是一样,每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的,改变的是中间的内容。
全栈程序员站长
2022/07/23
3K0
iframe标签(页面嵌套)
基于OptiStruct的碳纤维复合材料覆盖接头设计优化
随着国家对汽车排放量要求的提高以及新能源汽车的快速发展,降低油耗、提升续航里程的需求促使轻量化成为目前汽车产业的重要发展趋势。白车身作为汽车的主要承载结构,由于其可设计性强、减重空间大,是各大厂商轻量化开发的重点。国际上目前主要采用车身轻量化系数作为轻量化设计的评价指标,轻量化系数越低则表示车身的轻量化设计越好,计算方法如下式:
技术客
2022/05/17
1K0
AngularDart Material Design 步进器 顶
(adsbygoogle = window.adsbygoogle || []).push({}); function googleAdJSAtOnload() { var element = document.createElement("script"); element.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; element.async = true; document.body.appendChild(element); } if (window.addEventListener) { window.addEventListener("load", googleAdJSAtOnload, false); } else if (window.attachEvent) { window.attachEvent("onload", googleAdJSAtOnload); } else { window.onload = googleAdJSAtOnload; }
南郭先生
2018/09/30
7240
如何为Joomla标签创建布局覆盖
这将在/templates/your-template/html/layouts/joomla/content/文件夹中生成一组文件。
用户3850506
2019/07/30
1.4K0
1-VVI-材料设计之-TabLayout上标签
[1].既然ViewPager和Fragment都总结完了,那就插一个材料设计中的TabLayout控件吧,这三者关系挺好 [2].TabLayout在上面就是曾经的ViewPager指示器,想当年都是自己封装来用,现在条件好了,安卓给了。 [3].引入包:implementation 'com.android.support:design:26.1.0' [4].在此之前,你应该知道ViewPager和Fragment的组合使用,如果不清楚,可以看一下:Fragment与ViewPager结合
张风捷特烈
2018/09/29
6780
1-VVI-材料设计之-TabLayout上标签
伺服电机,步进电机,同步电动机和异步电动机的区别
同步电动机与异步电动机 原理: 同步电机就是靠励磁电流运行的,如果没有励磁,电机就是异步的。励磁是加在转子上的直流系统,它的旋转速度和极性与定子是一致的,如果励磁出现问题,电动机就会失步,调整不过来,触发保护“励磁故障”电动机跳闸 说的白一点,励磁电流就是同步电机转子中流过的电流(有了这个电流,使转子相当于一个电磁铁,有N极和S极),在正常运行时,这个电流是由外部加在转子上的直流电压产生的。以前这个直流电压是由直流电动机供给,现在大多是由可控硅整流后供给。我们通常把可控硅整流系统称为励磁装置。
机器人网
2018/04/25
5K0
伺服电机,步进电机,同步电动机和异步电动机的区别
【taro react】 ---- Stepper 步进器组件封装
1.目的 学会 taro 组件的封装; 学习 【Stepper 进步器】的基础逻辑; 学会 react 组件调用值的传递! 2. 【Stepper 进步器】组件布局 2.1 预览样式 2.2 布局结构代码 使用 flex 布局,作为进步器的盒子,注意由于个人习惯,基本采用的 flex 布局,rui-fa 是 flex: none 防止盒子发生错乱; 【rui-icon rui-icon-minus】减号; 【rui-icon rui-icon-plus】加号; 【rui-color4 rui-fs30
Rattenking
2022/01/06
9300
【taro react】 ---- Stepper 步进器组件封装
2-VVI-材料设计之TabLayout下标签
[1].将下面线去掉,自定义条目样式,就可以实现下图效果 [2].以前实现这种效果一般用按钮组,有点麻烦 [3].Fragment同上篇 效果图 二、代码实现: 1.Activity的布局:a
张风捷特烈
2018/09/29
4360
2-VVI-材料设计之TabLayout下标签
第153天:关于HTML标签嵌套的问题详解
div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul……
半指温柔乐
2018/09/11
1.6K0
第153天:关于HTML标签嵌套的问题详解
jQuery点击checkbox选择标签到指定的位置
祖传代码的存在,这个项目自我进公司以来,就一直在改写加上维护,没有什么太厉害的技术,据说在我进公司之前,是经过两个Java后台来编写遗留下来的代码,公司觉得若是重新搭建框架过于费力,于是一直沿用至今,随着功能的越来越多,维护起来也是相当的费脑,每次修改的时候,我都会将某个部分的功能记录下来,写在自己的技术博客里面,以防混淆。
王小婷
2018/10/25
2.2K0
jQuery点击checkbox选择标签到指定的位置
C++覆盖或删除指定位置的文件内容
我们经常使用ofstream或者fstream可写文件,使用ifstream可以写文件,但需要设置文件的打开状态为ios::out。C++中IO流打开模式使用位掩码来表示。IO流打开模式有:
恋喵大鲤鱼
2018/08/03
3.8K0
如何更改谷歌Chrome浏览器70新标签页按钮的打开位置
谷歌在Chrome 69中莫名其妙的将新建标签按钮移到了标签的最左侧,打破了很多用户的使用习惯,真的是反人类的设计。不过在新发布的Chrome 70中,谷歌为用户增加了选择的权利。
德顺
2019/11/13
4.9K0
js判断本页面被 iframe 嵌套
蓓蕾心晴
2023/05/31
3.5K0
一文搞懂步进电机特性、原理及驱动器设计
步进电机是将电脉冲信号,转变为角位移或线位移的开环控制电机,又称为脉冲电机。在非超载的情况下,电机的转速、停止的位置只取决于脉冲信号的频率和脉冲数,而不受负载变化的影响。当步进驱动器接收到一个脉冲信号时,它就可以驱动步进电机按设定的方向转动一个固定的角度,称为“步距角”。
不脱发的程序猿
2021/01/20
3K0
riot.js教程【五】标签嵌套、命名元素、事件、标签条件
前文回顾 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期; riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法; riot.js教程【一】简介; 标签嵌套 让我们定义一个父标签account,一个子标签subscription <account> <subscription plan={ opts.plan } show_details="true" /> </acc
liulun
2018/01/12
4K0
【Flutter 专题】69 图解基本 Stepper 步进器
和尚尝试做一个积分进度和类似物流进度的小组建,优先考虑的是自定义 ListView 但还是查阅了一下资料,发现神奇的 Stepper 步进器,虽不能完全满足需求,但提供了很好的思路,和尚仅就基本的 Stepper 学习一下;
阿策小和尚
2019/12/02
1.2K0
如何做一个完全体的阿尔法狗
在去年3月份一场人机大战吸引了全世界的眼光,当镜头追随着 李世石、戴密斯甚至是跟这场比赛相关的每一个人时,一个人却尽可能地避开了所有的视线,尽可能把自己变成隐形人,低调地履行着阿尔法狗“人肉臂”的角色。这就是Aja黄,代替阿尔法狗与李世石对决的人,就是这样,对局室中包括李世石、裁判等人都会去洗手间,而Aja黄博士连续4局比赛都一直从头坐到尾。每局比赛都会超过4个小时,这段时间里他不喝水、不去洗手间,甚至没有任何表情。 正如人们所知道的,人机大战是通过谷歌云服务连接到酒店的对局室。阿尔法狗的服务器是在美国
FB客服
2018/02/28
1.5K0
如何做一个完全体的阿尔法狗

相似问题

Cordova推送通知ios

20

cordova phonegap插件推送通知

13

Cordova的iOS推送通知SDK

22

iOS推送通知的背景与前景问题

111

用于twilio的Cordova推送通知插件

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文