Javascript 即使在设置动画时,也始终将该条粘贴到页脚

Javascript 即使在设置动画时,也始终将该条粘贴到页脚,javascript,jquery,html,css,Javascript,Jquery,Html,Css,最近在这里,我问了一个问题,要将条元素始终粘贴到容器的左下角。仅仅使用css似乎是不可能的。因此,我最终使用了javascript。这是你的电话号码 重点介绍上一个问题: 将杆元件粘贴到容器的左下角 该条应位于左下角,即使容器垂直或水平滚动 如果存在水平滚动条,则该条应位于水平滚动条上方 上述小提琴工作良好,并遵守上述所有情况下,即使窗口的大小调整 现在,我有同样的情况,但容器将得到调整大小,因为动画按钮点击,但不是窗口大小 因为,我正在制作一秒钟的动画,我在单击动画按钮时调用了窗口调整大小

最近在这里,我问了一个问题,要将
元素始终粘贴到容器的左下角。仅仅使用css似乎是不可能的。因此,我最终使用了javascript。这是你的电话号码

重点介绍上一个问题:

  • 将杆元件粘贴到容器的左下角
  • 该条应位于左下角,即使容器垂直或水平滚动
  • 如果存在水平滚动条,则该条应位于水平滚动条上方
上述小提琴工作良好,并遵守上述所有情况下,即使窗口的大小调整

现在,我有同样的情况,但容器将得到调整大小,因为动画按钮点击,但不是窗口大小

因为,我正在制作一秒钟的动画,我在单击动画按钮时调用了窗口调整大小功能中的相同代码。但这样做不知何故违反了上述规则/要求

这是你的电话号码。(不工作)

请帮忙


PS:这是到的链接。(如果有人想简单了解一下)

我又解决了这个问题。我把事情搞复杂了。在只需要
bottom
属性的地方,我使用
top
并重置它。代码中有很多不必要的操作

这是代码,它运行良好

$(function () {
    $('.content').width($('body').width() - 50);
});

var stickToBottom = function (parent) {
    var bar = parent.querySelector('.bar');
    var top = bar.offsetTop;
    parent.addEventListener('scroll', function (e) {
        var el = e.currentTarget;
        bar.style.bottom = -el.scrollTop + "px";
        bar.style.left = el.scrollLeft + "px";
    });
}
var parent = document.querySelector('.parent');
stickToBottom(parent);

$('.clickme').click(function () {
    $(this).toggleClass('active');
});
感谢雷蒙给了我一个想法


这就是你想要的吗@Joelalmeda否,当有水平滚动条时,该条应稍微向上移动。@downvoter请解释您的downvote。我将尝试编辑我的帖子。发现问题。在
setTimeout()中定义
bar
后,使用以下命令:
var top=bar.offsetTop;parent.scrollTop=300。像这样?@Joelalmeda仍然有同样的问题。