使用jQuery在页面上浮动DIV

-1

我有一个关于浮动div的问题。当用户到达页面时，我想让div在页面上滚动。换句话说：这个div在页面的左侧是静态的。当用户滚动并到达页面顶部时，div变为可滚动并与浏览器一起浮动，但是当用户向上滚动时，div会滚动直到其第一个位置不再滚动。这里是我的代码，我无法初始化它，jQuery不工作。我正试图在div放入表格的页面中创建浮动div。代码：使用jQuery在页面上浮动DIV

// v0.1 
// Nustatymai þemiau 

var dclk_ban_file = "SOURCE"; 
var dclk_bck_gif = ""; 
var dclk_ban_width = 300; 
var dclk_ban_height = 600; 
var dclk_click_url = "%%__REDIRECT%%"; 

// Kodas zemiau. Nekisti nagu 

dclk_ban_file = dclk_ban_file.replace(/http\:|https\:/, (document.location.protocol == "https:" ? "https:" : "http:")); // Fixiname https problema 
dclk_bck_gif = dclk_bck_gif.replace(/http\:|https\:/, (document.location.protocol == "https:" ? "https:" : "http:")); // Fixiname https problema 

var ShockMode = 0; 
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0; 
if (plugin) 
{ 
    var dcfl = plugin.description.split(' '); 
    var dcct; 
    for (dcct = 0; dcct < dcfl.length; dcct++) { 
     if (!isNaN(dcfl[dcct])) { 
      if (parseInt(dcfl[dcct]) >= 6) 
       ShockMode = 1; 
      break; 
     } 
    } 
    ; 
} 
else if ((navigator.userAgent && navigator.userAgent.indexOf("MSIE") >= 0) && (navigator.userAgent.indexOf("Windows 95") >= 0 || navigator.userAgent.indexOf("Windows 98") >= 0 || navigator.userAgent.indexOf("Windows NT") >= 0)) 
{ 
    document.write('<scr' + 'ipt language="VBScript"> \n'); 
    document.write('on error resume next \n'); 
    document.write('ShockMode = (Isobject(Createobject("ShockwaveFlash.ShockwaveFlash.6")))\n'); 
    document.write('<\/scr' + 'ipt>\n'); 
} 

var fileType = dclk_ban_file.substring(dclk_ban_file.length - 3).toLowerCase(); 

if ((ShockMode && fileType == "swf") || (fileType == "swf" && getInternetExplorerVersion() >= 8.0)) { 
    dclk_crea1 = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="banner" width="' + dclk_ban_width + '" height="' + dclk_ban_height + '"><param name="movie" value="' + dclk_ban_file + '?clickTag=' + dclk_click_url + '" /><param name="wmode" value="opaque" /><param name="Autostart" value="true" /><param name="Quality" value="high" /><param name="allowScriptAccess" value="always" /><embed wmode="opaque" src="' + dclk_ban_file + '?clickTAG=' + dclk_click_url + '" swLiveConnect="TRUE" width="' + dclk_ban_width + '" height="' + dclk_ban_height + '" type="application/x-shockwave-flash" pluginspage="' + document.protocol + '//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" allowScriptAccess="always"><\/embed><\/object>'; 
} else { 
    dclk_crea1 = '<a href="' + dclk_click_url + '" target="_blank"><img src="' + dclk_ban_file + '" border="0" width="' + dclk_ban_width + '" height="' + dclk_ban_height + '" alt="Daugiau..." galleryimg="no"><\/a>'; 
} 

if (document.all || navigator.userAgent.indexOf('Gecko') > 0) { 
    document.write('<div id="dclk_banner" style="position:relative; top:0px; left:0px; width:' + dclk_ban_width + 'px; height:' + dclk_ban_height + 'px; visibility:visible; z-index:99998;>'); 
    document.write(dclk_crea1); 
    document.write('<\/div>'); 
    dclk_div = document.getElementsByTagName("div"); 
} 
else { 
    document.write(dclk_crea1); 
} 



function getInternetExplorerVersion() { 
    var rv = -1; // Return value assumes failure. 
    if (typeof (document.documentMode) != "undefined") 
     rv = Number(document.documentMode); 

    return rv; 
} 

var t = $("#dclk_banner").offset().top; 

$(document).scroll(function() { 
    if ($(this).scrollTop() > t) 
    { 
     $("#dclk_banner") 
       .css('position', 'fixed') //we change the position to fixed 
       .css('top', 0); // and the top to zero 
    } else { 
     $("#dclk_banner") 
       .css('position', 'static') //we change the position to fixed 
       .css('top', 0); // and the top to zero 
    } 
}); 

document.write('<script type="text/javascript" src="' + document.location.protocol + '//code.jquery.com/jquery-1.11.2.min.js?cacheBust=' + ((new Date()).getTime()) + '"><\/script>');

来源

2015-04-07 Pandemum

'navigator.userAgent.indexOf（ “视窗95”）'哇 – waki

这听起来像[引导词缀（http://getbootstrap.com/ javascript /＃词缀）完全正是你想要开发的。为什么不从这里开始？ –

也许是因为你在调用$ -selector之后包含了jQuery本身？在代码的最开始处放入'

使用jQuery在页面上浮动DIV

相关问题