合併滑入框功能和其他功能

我被要求創建特徵上存在小滑，當用戶向下滾動頁面時，對話框出現，其中的內容：

「瞭解更多：與電子郵件地址框中/呈交場>'

還有一個小圖標，用戶可以關閉這個盒子，如果他們不想在那裏。

現在我擁有所有的方塊工作的功能，以顯示在滾動：

/************************** 
    * 
    * email function 
    * 
    **************************/ 
    jQuery(window).scroll(function() { 
     if (jQuery(this).scrollTop() > 200) { 
      jQuery('#enquiry_submit form').stop().animate({ left: '0' }); 
     } else { 
      jQuery('#enquiry_submit form').stop().animate({ left: '-25%' }); 
     } 
    }); 
});

！編輯！

當用戶點擊另一個頁面時，我不會在其他頁面上顯示，我建議下面使用cookie。我發現一個偉大的工作解決方案測試： http://jsfiddle.net/FcFW2/1/

現在我堅持將這兩個函數合併在一起，因爲當試圖將css樣式和兩個函數合併在一起，只是使框隱藏所有的時間。

我是jQuery的新手用戶，所以我瞭解基本知識，以及如何實現基本功能，但在這種情況下打牆。

任何指導將appriciated。

來源

2013-10-17 user2212564

如果您希望它在後續頁面上保持關閉狀態，我可以看到這個工作的唯一方法是在關閉div時設置cookie。

然後，在您的展開方法中，檢查該cookie是否存在，如果存在，則不要打開div。

來源

2013-10-17 10:58:09 seanxe

感謝您的評論，我是新來的，所以將研究這種方法，並讓你知道我是如何得到。 – user2212564

@ user2212564這裏有一個很棒的jquery庫來操作cookies：https://github.com/carhartl/jquery-cookie – seanxe

嗨，大家好，找到了一個cookie解決方案（應用和工作）。我唯一的問題是讓滾動函數與它一起工作，因爲當將它們應用到一起時，它們不起作用（沒有錯誤），div只是隱藏起來。 – user2212564

合併滑入框功能和其他功能

回答

相關問題