Code quảng cáo đứng im
Posted in Web
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> //load thư viện Jquery
<script>
$(document).ready(function() {
function isScrolledTo(elem) {
var docViewTop = $(window).scrollTop(); //num of pixels hidden above current screen
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top; //num of pixels above the elem
var elemBottom = elemTop + $(elem).height();
return ((elemTop <= docViewTop));
}
var catcher = $('#thay thế'); //Tên thẻ Div kế trước thẻ Div muốn ghim
var sticky = $('#thay thế'); //Tên thẻ Div muốn ghim
$(window).scroll(function() {
if(isScrolledTo(sticky)) {
sticky.css('position','fixed');
sticky.css('top','0px');
} //Câu điều kiện, nếu đang ở biến sticky thì thành phần thẻ Div được gán vào biến sticky sẽ có CSS như bên dưới if
var stopHeight = catcher.offset().top + catcher.height();
if ( stopHeight > sticky.offset().top) {
sticky.css('position','absolute');
sticky.css('top',stopHeight);
} //Tương tự, nếu ngược lại nếu không đang ở biến sticky thì thành phần thẻ Div được gán vào biến sticky sẽ có CSS như bên dưới if
});
});
</script>
<script>
$(document).ready(function() {
function isScrolledTo(elem) {
var docViewTop = $(window).scrollTop(); //num of pixels hidden above current screen
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top; //num of pixels above the elem
var elemBottom = elemTop + $(elem).height();
return ((elemTop <= docViewTop));
}
var catcher = $('#thay thế'); //Tên thẻ Div kế trước thẻ Div muốn ghim
var sticky = $('#thay thế'); //Tên thẻ Div muốn ghim
$(window).scroll(function() {
if(isScrolledTo(sticky)) {
sticky.css('position','fixed');
sticky.css('top','0px');
} //Câu điều kiện, nếu đang ở biến sticky thì thành phần thẻ Div được gán vào biến sticky sẽ có CSS như bên dưới if
var stopHeight = catcher.offset().top + catcher.height();
if ( stopHeight > sticky.offset().top) {
sticky.css('position','absolute');
sticky.css('top',stopHeight);
} //Tương tự, nếu ngược lại nếu không đang ở biến sticky thì thành phần thẻ Div được gán vào biến sticky sẽ có CSS như bên dưới if
});
});
</script>
0 nhận xét: