درخواست یک جعبه جاوا

saeedagha

کاربر عضو
با سلام !

سایت yoast.com رو ببینید زمانی که صفحه رو اسکرول می کنید و به انتهای سایدبار می رسید یک جعبه در سمت چپ ظاهر میشه و با اسکرول صفحه حرکت میکنه وزمانی که به بالای صفحه بروید و به سایدبار برسید اون جعبه محو میشه

دوستان کسی میتونه شیوه قرار دادن اون جعبه رو بگه؟ و کدشو بذاره ؟

ممنون

 

Mohammad

مدیر انجمن
پرسنل مدیریت
کدش دقیقا اینه


کد:
<script async src='http://cdn.yoast.com/wp-content/themes/yoast-v4/lib/js/common.js'></script>
<script type="text/javascript">
var stb = {
    hascolsed: false,
    cookieLife: 30,
    triggerHeight: 50,
    stbElement: ''
};
</script>
<div id="scrolltriggered"><div id="inscroll">
                  <a href="#close" id="closebox">x</a><h5>Sign up for our Newsletter</h5>
<ul>
    <li>Weekly new posts</li>
    <li>Free plugins</li>
    <li>60,000+ subscribers</li>
</ul>
<p>Enter your email and stay on top:</p>
<form action="http://yoast.us1.list-manage.com/subscribe/post?u=ffa93edfe21752c921f860358&id=972f1c9122" id="stbContactForm" method="post">
    <input type="email" name="EMAIL" id="email" placeholder="email" value="" />
    <input type="hidden" name="group" value="2">
    <input type="submit" class="subscribe" value="Subscribe" />
</form>
</div></div>
 

saeedagha

کاربر عضو
کدش دقیقا اینه

کد:
<script async src='http://cdn.yoast.com/wp-content/themes/yoast-v4/lib/js/common.js'></script>
<script type="text/javascript">
var stb = {
    hascolsed: false,
    cookieLife: 30,
    triggerHeight: 50,
    stbElement: ''
};
</script>
<div id="scrolltriggered"><div id="inscroll">
                  <a href="#close" id="closebox">x</a><h5>Sign up for our Newsletter</h5>
<ul>
    <li>Weekly new posts</li>
    <li>Free plugins</li>
    <li>60,000+ subscribers</li>
</ul>
<p>Enter your email and stay on top:</p>
<form action="http://yoast.us1.list-manage.com/subscribe/post?u=ffa93edfe21752c921f860358&id=972f1c9122" id="stbContactForm" method="post">
    <input type="email" name="EMAIL" id="email" placeholder="email" value="" />
    <input type="hidden" name="group" value="2">
    <input type="submit" class="subscribe" value="Subscribe" />
</form>
</div></div>
کدها رو توی سایدبار قرار دادم ولی با اسکرول صفحه حرکت نمی کنه؟

توی خود سایت اگه جاوا غیر فعال باشه باکسو نشون میده و اسکرول میشه تا اینجاش مشکلی نیست ولی چطوری اون باکس زمانی که به سایدبار میرسه حذف میشه؟

 

Mohammad

مدیر انجمن
پرسنل مدیریت
عمر کوکی: فکر کنم به منظور زمان مشاهده هست که روی 30 ثانیه تنظیم هست

 
بالا