不知道标题对您是否有意义,让我扩展一下:
我有一个基本的html文件,其中包含其他内容iframe1
。iframe1
包含应该链接到锚在6个环节div
中iframe2
; 并iframe2
装入到位的iframe1
有target="_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>
好吧,在尝试了一千次scrollTo键入插件和脚本之后,我放弃了,只是在我的设置中无法正常工作。因此,取而代之的是,我将的内容移入iframe1
和iframe2
移入了main html
,并放入iframe1
了一个div
将内容保留iframe2
在main之外的位置container
,直到我用6个链接中的任何一个将其隐藏onclick
(带有的两行javascript
)。我返工我html
和css
一点点,砰的一声,它像一个魅力。
相同的功能,但实际上更整洁,文件和脚本更少。因此,这只是证明简单思考通常会更好。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句