JS的问题，求达人破了

This topic created in 4776 days ago, the information mentioned may be changed or developed.

$(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边栏某模块随页面滚动～实现是实现了～出现了些问题。

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

求破。
不能带图，好可惜。

window

sidebar

offset

29 replies • 1970-01-01 08:00:00 +08:00

laoyu

Apr 23, 2013

看了一下你网站，是那个广告吧？
你看下这个
http://blog.csdn.net/huxiweng/article/details/8253462
demo：http://www.helloweba.com/demo/scroll-follow/

aladd

Apr 23, 2013

@laoyu 你进去后第一次查看是否有异样呢？刷新了么？刷新后是否出现错位呢？

ljbha007

Apr 23, 2013

直接用
position: fixed;
不行吗？

jasya

Apr 23, 2013

外层一个 position: fixed;
内层一个 position: absolute;

那用得上js

aladd

Apr 23, 2013

@jasya 哈哈，能给个完整的案例么～我比较菜

aladd

Apr 23, 2013

@ljbha007 这个可以兼容IE6么？

jasya

Apr 23, 2013

@aladd 刚看了下你的site 是aladd精心整理的森系淘宝店需要浮动吧

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

就是需要两个css样式,一个常规用一个 position: fixed;用

aladd

Apr 23, 2013

@jasya 现在最大也是唯一的问题是…… 我多次刷新后，它就错位了～
您提供的方案可以解决这个问题么？？哎呀，好闹心。。

刷新一下～两下～三下～我擦～就可以无限向下滚动了。。
求破啊哥哥。

laoyu

Apr 23, 2013

@aladd 刷新不刷新都是空白无线滚动，但是有时候刷新就正常。//我是这样的
我觉得也不用JS，但我CSS又玩不好，继续调吧。

jasya

Apr 23, 2013

@aladd 晚上如果没人帮你写我帮你写下^^(觅食去

aladd

Apr 23, 2013

@laoyu 啊～刷新不刷新都可以无限滚下去？刚进去就可以滚？我这边就是多次频繁刷新后才会出现…… 好尴尬。

aladd

Apr 23, 2013

@jasya 能给个联系方式咩？

ljbha007

Apr 23, 2013

@aladd
IE6不支持position:fixed
IE7支持

jasya

Apr 23, 2013

@aladd 马 561零525七6

jasya

Apr 23, 2013

@ljbha007 他的需求是滚动条到了一定位置才产生浮动

laoyu

Apr 23, 2013

@aladd 恩我刚进去不刷新也能无限滚动，我要是一直刷新下去，有可能会有一次是正常显示的。
CSS我不太懂，就是帮你测试下看看。

aladd

Apr 23, 2013

@laoyu 谢谢你。

aladd

Apr 23, 2013

@laoyu 能请你现在再看一下么？刷新一下，我更新了JS的内容。是否还会出现残废形态呢，。。

laoyu

Apr 23, 2013

@aladd 我用chrome 和 safari看了一下大概问题：

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

浏览器都清除了缓存。

laoyu

Apr 23, 2013

@aladd 上面说的那两个问题，不一定每次都可以重现。

aladd

Apr 23, 2013

@laoyu 您是MAC + CHROME + SAFARI的环境么？

aladd

Apr 23, 2013

@laoyu 我用safari进去第一次不随～刷新后开始懂～也没有出现覆盖。

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

我跪下了。

laoyu

Apr 23, 2013

@aladd 恩Mac下，我又清除缓存看了一下，现在基本是一个正常的状态。
那些问题我也不能重现了。。。。。。

aladd

Apr 23, 2013

@laoyu 您提到的没等小的完全上去，是不是位置也是在最后了～

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

您覆盖多少张？

aladd

Apr 23, 2013

@laoyu 靠～～我这边也是清理了之后………… 也不能重现了。真纠结了。

laoyu

Apr 23, 2013

@aladd
是的，我也是覆盖1、2涨的样子。

laoyu

Apr 23, 2013

@aladd
你是MAC吧？
要是想重现你就清除缓存并完全推出浏览器，关闭窗口貌似没用，需要完全退出。

aladd

Apr 23, 2013

@laoyu - -我恍惚间有一次是覆盖了一半～哈哈，真是各种几率都出现了，这到底是咋了。。
问题也忒多了。。

我继续去清去完全退出去。。。。。

Narcissu5

Apr 24, 2013

ie6 可以用expression，当然淘宝这种地方肯定是用不了的。

滚动到一定位置在浮动，position也是可以用js改的噻