css - 如何使页脚图像跳到移动键盘上方

Question

我有一个页脚图片，点击后返回主页。但是，图像应始终可见。因此，当移动键盘出现时，图像应跳到键盘上方。

知道怎么做吗？

编辑:

这是我厌倦的指令，但是当移动键盘出现时图像不会向上移动。小键盘隐藏图像:

(function () {

'use strict';

angular
    .module('TestApp')
    .directive('stickyText', ['$mdSticky', stickyText]);

function stickyText($mdSticky) {
    return {
        restrict: 'E',
        template: '<span style="position: absolute; right: 0; bottom: 0;"> <img src="assets/img/icons/home.png" style="width:40px;height:40px;"> </span>',
        link: function (scope, element) {
            $mdSticky(scope, element);
        }
    }
}

})();

HTML代码:

<sticky-text ui-sref="home"> </sticky-text>

Answer 1

我设法使用以下 jquery 将页脚移动到键盘上方:

    $('form').on('focus', 'input, textarea', function() {
        $("footer").addClass('aboveKeyboard'); 
    });

    $('form').on('blur', 'input, textarea', function() {
        $("footer").removeClass('aboveKeyboard'); 
    });

CSS:

.aboveKeyboard img{
top :30%;
}

HTML:

<footer ui-sref="homepg">
    <img src="thumb_home.png" style="position: absolute; right: 0;bottom: 0;"> 
</footer>