修复了jQuery在特定点的Div停止
我希望我的固定div在我的网页上的某个点停止滚动,但是,我发现的任何解决方案实际上都没有正常工作并完成我想要的 这是我当前的jQuery:修复了jQuery在特定点的Div停止,jquery,html,css,Jquery,Html,Css,我希望我的固定div在我的网页上的某个点停止滚动,但是,我发现的任何解决方案实际上都没有正常工作并完成我想要的 这是我当前的jQuery: var windw = this; $.fn.followTo = function ( pos ) { var $this = this, $window = $(windw); $window.scroll(function(e){ if ($window.scrollTop() > pos) {
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this, $window = $(windw);
$window.scroll(function(e){
if ($window.scrollTop() > pos) {
$this.css({
position: 'absolute',
top: pos
});
} else {
$this.css({
position: 'fixed',
bottom: -10px
});
}
});
};
$('#qF').followTo(800);
这是我的HTML:
<div id="qF" class="central theater-dir-adown">
<img src="data/img/prefs/dir_adown" class="dir-adown">
</div>
所以我想要的是div#qF
以800px停止滚动,但是我正在使用的代码不起作用,div将继续向下滚动页面。我不确定我的代码中是否有某种错误,但有人能帮我解决吗?对jQuery来说还是很新的
谢谢在将位置设置为“固定”时添加top:“自动”
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this, $window = $(windw);
$window.scroll(function(e){
if ($window.scrollTop() > pos) {
$this.css({
position: 'absolute',
top: pos
});
} else {
$this.css({
position: 'fixed',
bottom: -10,
top:'auto'
});
}
});
};
$('#qF').followTo(800);
您可以添加top:pos+$(window).height()以从底部开始滚动
删除
代码>从底部开始:-10px
@NirmalyaGhosh不起作用,很抱歉:(仍然不能正常工作,因为它应该从底部删除px
:-10px
它抛出错误未捕获的语法错误:意外标识符
。工作:@MoshFeu没有做任何事情:(@MoshFeu,jsbin没有正常工作你看到jsbin链接了吗?!img固定在底部,直到滚动到800像素的高度,然后滚动到顶部,这不是你想要的?jsbin工作正常,但是,它与我的代码不兼容
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this, $window = $(windw);
$window.scroll(function(e){
if ($window.scrollTop() > pos) {
$this.css({
position: 'absolute',
top: pos
});
} else {
$this.css({
position: 'fixed',
bottom: -10,
top:'auto'
});
}
});
};
$('#qF').followTo(800);