个人中心
gpt4 book ai didi

javascript - 试图让滚动的 div 不影响 iPhone 上的另一个 div

转载 作者：行者123 更新时间：2023-11-28 18:34:34 24 4
gpt4 key购买 nike

所以这是我的 html:

<!DOCTYPE html>
<html>
<head></head>
<body>
    <a id="x" href="#" style="position:fixed; top:0; right:10px;">Switch</a>
    <div id="a">
        <p>Huge paragraph 1</p>
    </div>

    <div id="b" style="display:none;">
        <p>Huge paragraph 2</p>
    </div>

    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script>
        $('#x').click(function() {
            $('#a').toggle();
            $('#b').toggle();

            return false;
        });
    </script>

</body>
</html>

问题是，假设我滚动到第 1 段的中途，然后点击切换链接。所以现在我正在看第 2 段。假设我在第 2 段上做了一些滚动，然后决定要切换回第 1 段，所以我点击了切换。问题是，当我切换回第 1 段时，我所处的位置与我原来的中间点完全不同。我怎样才能让每个 div 的滚动基本上只滚动它们各自的内容，这样如果我要切换，我仍然可以从我之前停止的地方继续？

最佳答案

关键是在切换元素之前将 scrollTop 存储在 body 元素上。

存储该值后，每次只需重新设置即可。

这是一个快速而肮脏的实现:http://jsbin.com/efijey/1/edit

关于javascript - 试图让滚动的 div 不影响 iPhone 上的另一个 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13183471/

24 4 0
文章推荐： css - 提交按钮 css。 Firefox 中的大纲
文章推荐： iOS:重新加载 TableView 不起作用
文章推荐： android - 如何在 Windows 上安装 Phonegap 3.3
文章推荐： python - scrapy 不在异常时打印出堆栈跟踪
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com