V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
aladd
V2EX  ›  问与答

JS的问题,求达人破了

  •  
  •   aladd · 2013-04-23 16:47:48 +08:00 · 2931 次点击
    这是一个创建于 4231 天前的主题,其中的信息可能已经有所发展或是发生改变。
    $(function() {
    var $sidebar = $(".ad1s"),
    $window = $(window),
    offset = $sidebar.offset(),
    topPadding = 15;

    $window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
    $sidebar.stop().animate({
    marginTop: $window.scrollTop() - offset.top + topPadding
    },0);
    } else {
    $sidebar.stop().animate({
    marginTop: 0
    },0);
    }
    });

    });


    这段代码有什么问题?

    想实现wordpress边栏某模块随页面滚动~实现是实现了~ 出现了些问题。

    保持一定频率刷新页面,就会出现无限滚动~ 页面大面积空白了就。

    求破。
    不能带图,好可惜。
    29 条回复    1970-01-01 08:00:00 +08:00
    laoyu
        1
    laoyu  
       2013-04-23 17:03:43 +08:00   ❤️ 1
    看了一下你网站,是那个广告吧?
    你看下这个
    http://blog.csdn.net/huxiweng/article/details/8253462
    demo:http://www.helloweba.com/demo/scroll-follow/
    aladd
        2
    aladd  
    OP
       2013-04-23 17:13:24 +08:00
    @laoyu 你进去后第一次查看是否有异样呢? 刷新了么? 刷新后是否出现错位呢?
    ljbha007
        3
    ljbha007  
       2013-04-23 17:20:17 +08:00   ❤️ 1
    直接用
    position: fixed;
    不行吗?
    jasya
        4
    jasya  
       2013-04-23 17:25:08 +08:00   ❤️ 1
    外层一个 position: fixed;
    内层一个 position: absolute;

    那用得上js
    aladd
        5
    aladd  
    OP
       2013-04-23 17:35:16 +08:00
    @jasya 哈哈,能给个完整的案例么~ 我比较菜
    aladd
        6
    aladd  
    OP
       2013-04-23 17:35:31 +08:00
    @ljbha007 这个可以兼容IE6么?
    jasya
        7
    jasya  
       2013-04-23 17:41:59 +08:00
    @aladd 刚看了下你的site 是aladd精心整理的森系淘宝店需要浮动吧

    嗯.这个需要js..汗...不过最好这样...js到了 需要浮动的位置的时候把 元素class改下

    就是需要两个css样式,一个常规用 一个 position: fixed;用
    aladd
        8
    aladd  
    OP
       2013-04-23 17:45:53 +08:00
    @jasya 现在最大也是唯一的问题是…… 我多次刷新后,它就错位了~
    您提供的方案可以解决这个问题么?? 哎呀,好闹心。。

    刷新一下~ 两下~三下~ 我擦~ 就可以无限向下滚动了。。
    求破啊哥哥。
    laoyu
        9
    laoyu  
       2013-04-23 17:48:12 +08:00
    @aladd 刷新不刷新都是空白 无线滚动,但是有时候刷新就正常。//我是这样的
    我觉得也不用JS,但我CSS又玩不好,继续调吧。
    jasya
        10
    jasya  
       2013-04-23 17:49:00 +08:00
    @aladd 晚上如果没人帮你写我帮你写下^^(觅食去
    aladd
        11
    aladd  
    OP
       2013-04-23 17:50:25 +08:00
    @laoyu 啊~ 刷新不刷新都可以无限滚下去? 刚进去就可以滚?我这边就是多次频繁刷新后才会出现…… 好尴尬。
    aladd
        12
    aladd  
    OP
       2013-04-23 17:50:35 +08:00
    @jasya 能给个联系方式咩?
    ljbha007
        13
    ljbha007  
       2013-04-23 17:52:33 +08:00
    @aladd
    IE6不支持position:fixed
    IE7支持
    jasya
        14
    jasya  
       2013-04-23 17:53:00 +08:00
    @aladd 马 561零525七6
    jasya
        15
    jasya  
       2013-04-23 17:53:35 +08:00
    @ljbha007 他的需求是滚动条到了一定位置才产生浮动
    laoyu
        16
    laoyu  
       2013-04-23 18:01:48 +08:00   ❤️ 1
    @aladd 恩我刚进去不刷新 也能无限滚动,我要是一直刷新下去,有可能会有一次是正常显示的。
    CSS我不太懂,就是帮你测试下看看。
    aladd
        17
    aladd  
    OP
       2013-04-23 18:06:46 +08:00
    @laoyu 谢谢你。
    aladd
        18
    aladd  
    OP
       2013-04-23 18:18:42 +08:00
    @laoyu 能请你现在再看一下么? 刷新一下,我更新了JS的内容。 是否还会出现残废形态呢,。。
    laoyu
        19
    laoyu  
       2013-04-23 18:29:09 +08:00
    @aladd 我用chrome 和 safari看了一下 大概问题:

    1.首次进入的时候那个广告模块,不跟随。(和上面那些内容一样)
    2.首次进入的时候那个广告模块,跟随。(但是它还没等其他小模块上去,就已经开始覆盖到其他小模块上跟随了)
    3.但是刷新之后能正常显示。

    浏览器都清除了缓存。
    laoyu
        20
    laoyu  
       2013-04-23 18:30:21 +08:00   ❤️ 1
    @aladd 上面说的那两个问题,不一定每次都可以重现。
    aladd
        21
    aladd  
    OP
       2013-04-23 19:25:47 +08:00
    @laoyu 您是MAC + CHROME + SAFARI的环境么?
    aladd
        22
    aladd  
    OP
       2013-04-23 19:28:51 +08:00
    @laoyu 我用safari进去第一次不随~ 刷新后开始懂~ 也没有出现覆盖。


    现在是问了三个人有两种状况~ 一种是我这样无问题的,一种是您这样问题一堆的。

    我跪下了。
    laoyu
        23
    laoyu  
       2013-04-23 19:32:47 +08:00
    @aladd 恩Mac下,我又清除缓存看了一下,现在基本是一个正常的状态。
    那些问题我也不能重现了。。。。。。
    aladd
        24
    aladd  
    OP
       2013-04-23 19:33:52 +08:00
    @laoyu 您提到的没等小的完全上去, 是不是位置也是在最后了~

    我这边就是滚到小图片的最后时, 大图片会主动上去覆盖~ 覆盖一两张~

    您覆盖多少张?
    aladd
        25
    aladd  
    OP
       2013-04-23 19:36:19 +08:00
    @laoyu 靠~~ 我这边也是清理了之后………… 也不能重现了 。 真纠结了。
    laoyu
        26
    laoyu  
       2013-04-23 19:37:34 +08:00
    @aladd
    是的,我也是覆盖1、2涨的样子。
    laoyu
        27
    laoyu  
       2013-04-23 19:39:41 +08:00
    @aladd
    你是MAC吧?
    要是想重现你就清除缓存并完全推出浏览器,关闭窗口貌似没用,需要完全退出。
    aladd
        28
    aladd  
    OP
       2013-04-23 19:46:22 +08:00
    @laoyu - -我恍惚间有一次是覆盖了一半~哈哈,真是各种几率都出现了,这到底是咋了。。
    问题也忒多了。。


    我继续去清去完全退出去。。。。。
    Narcissu5
        29
    Narcissu5  
       2013-04-24 00:08:11 +08:00
    ie6 可以用expression,当然淘宝这种地方肯定是用不了的。

    滚动到一定位置在浮动,position也是可以用js改的噻
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   933 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 22:27 · PVG 06:27 · LAX 14:27 · JFK 17:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.