javascript - 如何将 javascript 选取框增加到网站的大小？

Question

我的网站 (http://blogandthecity.net) 上有一个垂直的 javascript 选框。我想让它卡在屏幕上。我认为这叫做“固定”。现在选取框停在某个点，但我希望它是整个屏幕/网站的大小。

我认为有两种选择: 1. 使选取框尽可能长(但是有些网页比其他网页长。而且我不知道如何使选取框更长。我已经尝试了一些方法) 2.固定位置。 (我试图在代码中放置“位置:固定”，但结果是跑马灯不再滚动。因此移动停止。跑马灯也不适合屏幕..)

你知道我怎么解决这个问题吗？如果你需要css样式，我也放在这里。

下面的代码(我排除了文本部分):

    <script type="text/javascript" src="http://blogandthecity.net/js/marquee-packed.js" ></script>  
    <script type="text/javascript">  
    //create instance and call method horizontal for horizontal scrolling  
   var horizontal = new marquee("marquee").horizontal(  
   {  
    step:1, //how many pixels to move per interval (default: 1)  
    interval: 40, //how often to move pixels in miliseconds (default: 10)  
    stop_on_hover: true, //should marquee stop on mouse hover (default: true)  
    backwards: false, //rotate elements in opposite direction  
});  

    <script type="text/javascript">  
     //create instance and call method horizontal for horizontal scrolling  
    var horizontal = new marquee("marquee2").horizontal(  
{  
    step:1, //how many pixels to move per interval (default: 1)  
    interval: 40, //how often to move pixels in miliseconds (default: 10)  
    stop_on_hover: true, //should marquee stop on mouse hover (default: true)  
    backwards: false, //rotate elements in opposite direction  
});  

Answer 1

它叫做position:fixed;在 css 下方，您的选取框向下滚动并全屏显示。您可能需要使用 jQuery，因为它们的样式是内联的(或修改 html？)

#marquee, #marquee2 {
position:fixed;
}

#marquee {
margin-top:140px;
}

#marquee2 {
margin-left:-520px;
}