在更改网站

时间:2017-01-14 21:24:34

标签: javascript html css

网站顶部的图片是固定图片,右边是它所有内容的主要内容。起初我的主要偏移有问题,但我终于明白了,但现在,当我调整窗口大小时,它不会改变它的偏移直到我刷新页面。有没有办法解决这个问题所以每当我调整窗口大小并且我在页面顶部时,主电源偏移高度和顶部图片都会发生变化。这是我的CS:

#first_image {
        width : 100%;
        min-width: 1100px;
        position: fixed;
        top : 0;
        left : 0;
        z-index: -2;
      }

      main {
        width:100%;
        position:relative;
        top:;
        background-color: black;
        z-index: 100;
        padding-top:25px;
      }

JS:

var img = document.getElementById('first_image');
var height = img.clientHeight;

$(".maintext").css({ top: height });

编辑:.maintext是main的类。

1 个答案:

答案 0 :(得分:1)

$(function() { function imageHeight() { var img = document.getElementById('first_image'); var height = img.clientHeight; $(".maintext").css({ top: height }); } $(window).resize(function() { imageHeight(); }); imageHeight(); }); 事件处理程序中调用相同的代码。这里是完整的代码,添加了您将图像大小调整为函数所做的事情,以便您可以在页面加载时自行调用该函数,并在调整窗口大小时调用它。

int numberoffiles = 0;
        private void backgroundWorker1_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            if (e.Error == null)
            {
                label7.Text = "Processing done";
                numberoffiles = ExtractImages.imagesUrls.Count();
                label9.Text = ExtractImages.imagesUrls.Count().ToString();
                newList.AddRange(ExtractImages.imagesUrls.OrderByDescending(s => s.Contains("region=is")));
                btnDownload.Enabled = true;
                progressBar2.Value = 0;
                CreateCountryDateTimeDirectories(newList);
                downloadFile(newList);
            }
        }