Comments on: Create a Fading Popup Modal with jQuery https://www.inspirationalpixels.com/custom-popup-modal/ Web design tutorials, snippets and freebies Tue, 13 Jul 2021 16:45:12 +0000 hourly 1 https://wordpress.org/?v=6.8.3 By: Kha https://www.inspirationalpixels.com/custom-popup-modal/#comment-27710 Mon, 28 Dec 2020 19:38:17 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-27710 Hi, excellent tutorial, thank you. I know you recommend against autoload but I need it to load when page load instead of “click” to open. I only need it for a short time during the holidays, to pop up with a message and picture to wish everyone a Happy Holiday. I tried to change the “click” to “load” but it did now work. How do I do that? Everything else is perfect to what I need it for. Thanks in advance.

]]> By: olu https://www.inspirationalpixels.com/custom-popup-modal/#comment-4440 Fri, 25 Jan 2019 16:16:05 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-4440 In reply to phil green.

Where did you get the “active” class from as it’s not in the css?

]]> By: Quang Vinh https://www.inspirationalpixels.com/custom-popup-modal/#comment-3393 Fri, 16 Nov 2018 04:02:14 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-3393 Dear sir,
Thank you for the code, and I have a question.
How to keep popup open after postback (for asp.NET)
Thanks

]]> By: Chris https://www.inspirationalpixels.com/custom-popup-modal/#comment-1882 Thu, 12 Jul 2018 15:05:52 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1882 Curious, can you set it to tab so keyboard accessible? or close with ESC key?

Will the focus be given so a screen reader notifies the modal? Aria?

]]> By: Nupur Ahuja https://www.inspirationalpixels.com/custom-popup-modal/#comment-1716 Wed, 04 Jul 2018 09:55:53 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1716 thank you

]]> By: Rui https://www.inspirationalpixels.com/custom-popup-modal/#comment-1106 Fri, 18 May 2018 17:07:18 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1106 Thank you for the code! I have one question though, it seems not work properly in mobile. I have tried to add “overflow:auto/scroll”, but still not able to scroll the window.

Does anyone have ideas how to fix this issue?

]]> By: Rosalynn https://www.inspirationalpixels.com/custom-popup-modal/#comment-1105 Sun, 06 May 2018 20:16:56 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1105 I’m having trouble getting the popup to open after a page navigation. Unless the page is directly refreshed, the popup won’t open. Any idea on how to fix that?

]]> By: Rosalynn https://www.inspirationalpixels.com/custom-popup-modal/#comment-1104 Sun, 06 May 2018 20:15:02 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1104 In reply to Tom.

You just need to set the popup content to overflow: scroll

]]> By: Tom https://www.inspirationalpixels.com/custom-popup-modal/#comment-1103 Fri, 13 Apr 2018 12:09:16 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1103 Hello,

Great tutorial, thanks a lot! How can I make this popup come up when the page load?
So no button needed, just an automatic popup.

Thank you in advance!
Tom

]]> By: Punith C S https://www.inspirationalpixels.com/custom-popup-modal/#comment-1102 Sat, 17 Mar 2018 10:54:17 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1102 How to disable background scroll?

]]> By: Tom https://www.inspirationalpixels.com/custom-popup-modal/#comment-1101 Thu, 15 Mar 2018 22:51:07 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1101 Hi, very nice work! But what if the content is bigger than the popup? How can i get scroll bars?

]]> By: Carmen Campos https://www.inspirationalpixels.com/custom-popup-modal/#comment-1100 Fri, 02 Mar 2018 21:41:36 +0000 http://staging.inspirationalpixels.com/?p=2893#comment-1100 Excelent! This was a very useful example for me. Thanks.

]]>