- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我只是在使用 jQuery prepend
,但无法让它按预期工作。
我在做什么:
Prepending a
.content
div to#main
div every one second
但是,当我向下滚动一点时[一旦页面充满内容],我会不断滚动回 #main
的顶部或最新的前置 .content
我该怎么办:
Prevent the
viewport
from changing - like in case of append
相关fiddle
最佳答案
正如我在评论中所解释的,滚动实际上并没有改变。窗口的滚动基于“距顶部的距离”(DfT)。也就是说,如果没有滚动条,则 DfT 为 0。引入滚动条后,您现在就有了一个可以使用的距离。
由于内容变得越来越长,视口(viewport)只有这么多像素高,因此某些内容“从”页面底部“掉落”(前置会根据新元素的高度使 DfT 关闭)。
我能想到的最好方法是用新元素的高度来抵消它。这允许您滚动到某个位置,然后在添加新元素时,您可以相应地修改滚动位置。
以下是我的意思的示例:http://jsfiddle.net/bradchristie/66RvC/1/
以及代码(供引用):
var f = function(){
var t = $(window).scrollTop(), // Window's current scroll position
$d = $(d()).prependTo('#main'), // store the new element
h = $d.outerHeight(); // also get its height
if (t){ // Only adjust if they've scrolled
$(window).scrollTop(t + h); // add the delta to the scroll position
}
setTimeout( f, 1000 );
};
关于jQuery prepend - 防止自动滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12940635/
我有一个这样的前置输入: http://jsfiddle.net/swQa4/ 我怎样才能使蓝色轮廓(聚焦时显示)围绕前置符号? 编辑:类似于 github repos 的搜索
每当我单击 prepend 时,在所有元素都被添加到前面之后,聊天区域的 View 会切换到聊天区域的顶部或最后一个添加的元素。这与 append 不同,后者在追加所有元素后,聊天区域的 View 不
是否可以编写一个与此函数等效的更快的函数? prepend(X, Tuple) -> list_to_tuple([X | tuple_to_list(Tuple)]). 最佳答案 在我看来,这种
我只是在使用 jQuery prepend,但无法让它按预期工作。 我在做什么: Prepending a .content div to #main div every one second 但是,
与其简单地将 HTML 转储到页面中,我希望它具有动画效果,如何将下面的 jQuery 更改为插入 HTML 时动画或向下滑动? $('.button').click(function() { j('
我正在使用 prepend(),结果似乎有问题。 $('#element').prepend('Test.com - A site'); 并且 html 结果(也可以使用 Firebug 查看)有问题
我的 HTML 布局是这样的 动态创建是使用完成的 $("").prepend('').appendTo('#container'); 虽然它附加到最后添加的图像的末尾,而不是开头,但我想要这个的
是否可以对表单内的输入列表中的每个元素使用prepend?下面的前置仅前置第一个元素 - 是否可以为所有项目前置标签: $(document).ready(function(){ $("#s
请考虑以下示例代码: $(document).ready(function(){ $("#bt
Memcached prepend 命令用于向已存在 key(键) 的 value(数据值) 前面追加数据 语法 prepend key flags exptime bytes [noreply]
我正在尝试使用 shapeless 以类型安全的方式轻松积累对象。 问题是当我想连接( ::: )两个 HList 时.我遇到了一个新手(至少似乎是)问题。它错过了 Prepend上下文中的隐式实例。
我正在使用 Jquery 进行简单的插入,一切正常唯一的问题是,第一次插入后,新对象会覆盖最后插入的对象 function insert_note(note_data){ console.lo
我有一个对象数组,我从中抓取图像并显示在页面上,仅显示一次,最后一个首先显示,第一个向后显示。如果我使用 .append() 那么它的顺序是正确的,但从语义上讲我需要使用 .prepend() 以便我
我的问题是一个非常普遍的问题:当动态类添加到元素时(例如通过任何 jQuery-ui 的附加组件),并且该元素上已经有类,动态添加的类是否附加或前置到类列表中? 为什么问题基于以下内容:我试图选择具有
我正在尝试从选择中添加一个选项值。我需要输出以大写“K”开头。这是我的 jQuery: $(document).ready(function () { $(".dialogbox").dial
好的,我有以下代码: function() { $("ul#postbit").load('load.php').fadeIn("slow"); }, 3000); 我想要实现的是加载 load.ph
在我的代码中,此命令仅运行一次: jQuery("#commentrating").append('A'); 但是在div #commentating 内部出现了两个“A”元素!可能是什么导致了这个错
HTML: My Counter AddDiv jQuery: $('.AddDiv').on('click', funct
我试图在搜索字段的两侧添加两个按钮,所以我这样做了: Filters Search 结果真的很奇怪: This
你好 Stack Overflow 社区!我想 $("div").prepend(content),其中 content 是一个保存用户输入的变量。我希望前置文本为石灰色。这是我的 CSS 代码: p
我是一名优秀的程序员,十分优秀!