Css 使用Anime.js将元素放置在任何设备的右下角

Css 使用Anime.js将元素放置在任何设备的右下角,css,anime.js,Css,Anime.js,函数goBottomRight{ 动画{ 目标:'.btn', translateX:240, translateY:320, 放松:'轻松外四' }.玩; } 点击我 将元素设置为位置:固定 “位置固定”将使图元在该位置上始终可见。请记住z-index,因为如果它不是文档中的最后一个元素,它可能会消失在其他元素或具有更高z-index的元素下 然后将其设置为位置:右:0px;底部:0px 这将在任何屏幕上显示所需的行为 函数goBottomRight { var元素=document.que

函数goBottomRight{ 动画{ 目标:'.btn', translateX:240, translateY:320, 放松:'轻松外四' }.玩; } 点击我 将元素设置为位置:固定

“位置固定”将使图元在该位置上始终可见。请记住z-index,因为如果它不是文档中的最后一个元素,它可能会消失在其他元素或具有更高z-index的元素下

然后将其设置为位置:右:0px;底部:0px

这将在任何屏幕上显示所需的行为

函数goBottomRight { var元素=document.querySelector'.btn'; element.style.position='fixed'; 动画{ 目标:要素, 右:“0px”, 底部:“0px”, 放松:'轻松外四' }; } 点击我 您必须通过确定元素相对于视口的当前位置来计算所需的平移值。