当我尝试填写表单时粘性表单回滚

时间:2015-09-22 21:38:12

标签: jquery forms jquery-animate focus blur

我在网站的右侧放置了一个粘性表格。当我翻转和推出时,它工作得很好。但当我试图填写表格时,它会回滚到侧墙。需要放置一些模糊和焦点脚本,我无法弄明白。以下是图片和代码。

$('.sticky').hover(function(){
    $('.sticky').css('right', 0+'px')},
function(){
    $('.sticky').css('right', -320+'px');
});

我的表单ID是粘性表单。请建议或指导,我想要的是留在那里,如果它的任何一个领域是模糊/焦点,如果没有那么它可以回滚到墙上。 感谢

1 个答案:

答案 0 :(得分:0)

    $('.sticky').on('mouseout', function(){
    if ( $('input:focus').length > 0 || $('textarea:focus').length > 0 || $('select:focus').length > 0) {
        $('.sticky').css('right', 0+'px');  
    }else{
        $('.sticky').css('right', -320+'px');
    }
});

这有些工作但仍然需要一些选择。在这种情况下,我需要点击页面以释放我的焦点模糊甚至我的表单的几个字段填充。在最初它像进出一样工作。当我点击任何字段和鼠标时,粘性仍然存在。谢谢cylua2 ......