当我尝试填写表格时，粘性表格回滚答案

【问题标题】：Sticky form rollback when i try to fill form当我尝试填写表格时，粘性表格回滚
【发布时间】：2015-09-22 21:38:12
【问题描述】：

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

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

我的表单 ID 是粘性表单。请建议或指导，如果它的任何领域是模糊/焦点，我只想呆在那里，如果不是，那么它可以回滚到墙上。谢谢

【问题讨论】：

我认为这是因为您使用的是 hover 而不是 mouseover 和 mouseout，您可以在其中拥有更多控制权。因此，在悬停状态下，在你离开之前，当你尝试点击它时，它已经是一个新的悬停状态了。
'code' $('.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'); } });

标签： jquery forms jquery-animate focus blur

【解决方案1】：

    $('.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...

【讨论】：