如何将iframe中的div从另一个iframe滚动到锚点

格尔吉·西拉拉德(GergelySzilárd)

不知道标题对您是否有意义,让我扩展一下:

我有一个基本的html文件,其中包含其他内容iframe1iframe1包含应该链接到锚在6个环节diviframe2; iframe2装入到位的iframe1target="_self"现在,诀窍是应该滚动而div不是滚动iframe2本身,因为其中还有其他内容iframe2需要注意。

大量的搜索并没有使我无所适从,所以我什至不知道这样做是否可行,因此我认为我会在这里尝试一下,然后被迫将整个复杂的结构重新加工成其他形状。我是javascript新手,但我知道什么是函数或变量:)谢谢。

因此,在主html中,我有:

<div class="content">    
<iframe class="iframes" src="iframes/i-servlinks.html"></iframe>
</div>

在iframe1(i-servlinks.html在此处称为)中,我有6个:

<div class="works">
<a class="worklinks" href="i-servs.html" target="_self">Linktoanchor</a>
</div>

在iframe2(i-serv.html在这里称为)中,我有:

<div class="servlinks">
<a class="tab-item" href="#link1">1</a>
<a class="tab-item" href="#link2">2</a>
<a class="tab-item" href="#link3">3</a>
<a class="tab-item" href="#link4">4</a>
<a class="tab-item" href="#link5">5</a>
<a class="tab-item" href="#link6">6</a>
</div>
<div class="servs">
<!-- a lot of text, with the 6 anchors spread out in it, and this is the div that should scroll, servlinks div should stay in view on top of iframe2 -->
</div>
格尔吉·西拉拉德(GergelySzilárd)

好吧,在尝试了一千次scrollTo键入插件和脚本之后,我放弃了,只是在我的设置中无法正常工作。因此,取而代之的是,我将的内容移入iframe1iframe2移入了main html,并放入iframe1了一个div将内容保留iframe2在main之外的位置container,直到我用6个链接中的任何一个将其隐藏onclick(带有的两行javascript)。我返工我htmlcss一点点,砰的一声,它像一个魅力。

相同的功能,但实际上更整洁,文件和脚本更少。因此,这只是证明简单思考通常会更好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML如何将iframe中的链接定位到另一个iframe

来自分类Dev

HTML如何将iframe中的链接定位到另一个iframe

来自分类Dev

滚动经过另一个div中的锚点后,使div可见?

来自分类Dev

如何将iframe位置内部重定向到另一个位置?

来自分类Dev

根据div在另一个iframe中的位置在一个iframe中定位一个div

来自分类Dev

如何将变量的值移动到汇编中的另一个变量

来自分类Dev

如何将数据移动到memsql中的另一个文件夹

来自分类Dev

如何将活动窗口移动到XFCE中的另一个显示

来自分类Dev

AppleScript:如何将邮箱移动到Apple Mail中的另一个邮箱

来自分类Dev

如何将数据库移动到mongodb中的另一个分片

来自分类Dev

如何将 mainactivity 中的整数计算移动到另一个活动 textview?

来自分类Dev

如何使点击 div 重定向到另一个页面的锚点

来自分类Dev

我需要一个for循环中的锚点滚动到另一个for循环中的段落。(角度io)

来自分类Dev

滚动到div时添加类,滚动到jQuery中的另一个div时删除类

来自分类Dev

如何使用jQuery将一个div拖动到另一个div?

来自分类Dev

如何更改锚点外观并保持它直到单击另一个锚点

来自分类Dev

如何将点云文件与 Matlab 中的另一个图重叠?

来自分类Dev

如何将子Div移到另一个嵌套的非父Div中

来自分类Dev

如何将div附加到变量内的另一个div中?

来自分类Dev

如何将div拖放到另一个div中,并使整个元素跟随?

来自分类Dev

如何将div放置在另一个div中?

来自分类Dev

如何将div附加到变量内的另一个div中?

来自分类Dev

如何将 div 与另一个 div 中的图像居中?

来自分类Dev

将一个iframe覆盖在另一个iframe上

来自分类Dev

如何将分支中的提交移动到GIT中的另一个新分支?

来自分类Dev

每次函数运行时如何将文本从一个 div 移动到另一个 div?

来自分类Dev

运动将精灵从一个点移动到另一个点

来自分类Dev

如何从另一个iframe更新一个iframe?

来自分类Dev

如何防止一个iframe在另一个iframe下工作?

Related 相关文章

  1. 1

    HTML如何将iframe中的链接定位到另一个iframe

  2. 2

    HTML如何将iframe中的链接定位到另一个iframe

  3. 3

    滚动经过另一个div中的锚点后,使div可见?

  4. 4

    如何将iframe位置内部重定向到另一个位置?

  5. 5

    根据div在另一个iframe中的位置在一个iframe中定位一个div

  6. 6

    如何将变量的值移动到汇编中的另一个变量

  7. 7

    如何将数据移动到memsql中的另一个文件夹

  8. 8

    如何将活动窗口移动到XFCE中的另一个显示

  9. 9

    AppleScript:如何将邮箱移动到Apple Mail中的另一个邮箱

  10. 10

    如何将数据库移动到mongodb中的另一个分片

  11. 11

    如何将 mainactivity 中的整数计算移动到另一个活动 textview?

  12. 12

    如何使点击 div 重定向到另一个页面的锚点

  13. 13

    我需要一个for循环中的锚点滚动到另一个for循环中的段落。(角度io)

  14. 14

    滚动到div时添加类,滚动到jQuery中的另一个div时删除类

  15. 15

    如何使用jQuery将一个div拖动到另一个div?

  16. 16

    如何更改锚点外观并保持它直到单击另一个锚点

  17. 17

    如何将点云文件与 Matlab 中的另一个图重叠?

  18. 18

    如何将子Div移到另一个嵌套的非父Div中

  19. 19

    如何将div附加到变量内的另一个div中?

  20. 20

    如何将div拖放到另一个div中,并使整个元素跟随?

  21. 21

    如何将div放置在另一个div中?

  22. 22

    如何将div附加到变量内的另一个div中?

  23. 23

    如何将 div 与另一个 div 中的图像居中?

  24. 24

    将一个iframe覆盖在另一个iframe上

  25. 25

    如何将分支中的提交移动到GIT中的另一个新分支?

  26. 26

    每次函数运行时如何将文本从一个 div 移动到另一个 div?

  27. 27

    运动将精灵从一个点移动到另一个点

  28. 28

    如何从另一个iframe更新一个iframe?

  29. 29

    如何防止一个iframe在另一个iframe下工作?

热门标签

归档