JSFiddle - React, Tailwind, and code Playground
by Ali Uygur
HTML
<head> <link rel="preconnect" href="https://images.kizlarsoruyor.com"> <link rel="preconnect" href="https://cf.kizlarsoruyor.com"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://www.google-analytics.com"> <link rel="preconnect" href="https://geo.dailymotion.com"> <link href="https://www.googletagmanager.com/gtm.js?id=GTM-N65BPP&l=gagDataLayer" rel="preload" as="script"> <link rel="preload" href="https://images.kizlarsoruyor.com/content/images/tr/kizlarsoruyor-logo.png" as="image" fetchpriority="high"><link rel="preload" href="https://images.kizlarsoruyor.com/content/css/desktop.min.css?1021" as="style" fetchpriority="high"><link rel="preload" href="https://images.kizlarsoruyor.com/content/css/font-icons/gag-icons-font.woff?1021" as="font" type="font/woff" fetchpriority="low" crossorigin=""><link rel="preload" href="https://images.kizlarsoruyor.com/content/css/desktop-single-page.min.css?1021" as="style" fetchpriority="high"><link rel="preload" href="https://images.kizlarsoruyor.com/content/js/editor.min.js?1021" as="script" fetchpriority="low"><link rel="preload" href="https://images.kizlarsoruyor.com/content/js/core.min.js?1021" as="script" fetchpriority="low"> <title>Merak Edilen Sorular ve Anketler - KizlarSoruyor</title> <meta name="description" content="Kızlar Soruyor'da istediğin soruyu sorabilir ve kimlerin cevap vereceğini seçebilirsin. Anketlerle sorularını renklendirmek ve merak ettiklerini öğrenmek için tıkla! "> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=1060"> <link rel="canonical" href="https://www.kizlarsoruyor.com/soru-sor"> <link rel="manifest" href="/manifest_ks.json"> <link title="KizlarSoruyor" rel="search" type="application/opensearchdescription+xml" href="https://www.kizlarsoruyor.com/opensearch-tr.xml"><link rel="alternate" type="application/rss+xml"...JavaScript
config.dmNpeId='xvbn';
var stickyConfig = { 'default': null };
gagready.push(function(){var a=null,i=!0,t=gagDataLayer[0].DisplayTopicLink,o=gagDataLayer[0].PageType,s="Question"===o||"Article"===o?105:55,e=stickyConfig[t]||stickyConfig.default;if(null!=e&&0!==e.length&&"none"!==e){var n=$(e),d=n.css("padding"),c=n.css("margin");$.subscribe("masthead-sticky",function(t,o){i&&"down"===o?($("#masthead-sticky").height(n.outerHeight(!0)),n.css({"z-index":"10000","background-color":"#ffffff","border-bottom":"1px solid #ccc","border-top":"1px solid #ccc","box-shadow":"0 6px 6px 0px #ccc",padding:"10px 0",margin:"0"}),n.hide().slideDown("1"),a||(a=setTimeout(function(){i=!1,"fixed"==n.css("position")&&n.slideUp("1",function(){n.css({position:"relative",top:"0","z-index":"auto","background-color":"transparent",border:"0","box-shadow":"none",padding:d,margin:c}),n.show()});var a=$("#masthead-sticky");a.data("sticky-wp")[0].destroy(),a.remove()},5e3))):i&&"up"===o&&(n.css({"z-index":"auto","background-color":"transparent",border:"0","box-shadow":"none",padding:d,margin:c}),$("#masthead-sticky").height(0))}),n.before('<div id="masthead-sticky" class="sticky" data-selector="'+e+'" data-stickymargin="'+s+'" data-stickynotify="masthead-sticky"></div>')}});