个人中心
gpt4 book ai didi

javascript - 在 html 中滚动时应固定黄色框

转载 作者：太空宇宙 更新时间：2023-11-03 17:47:53 25 4
gpt4 key购买 nike 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    .wrapper{position:relative;}
    .topDiv{height:200px; width:100%;background:black;}
    .leftDiv{width:30%;float:left;height:1200px;}
    .leftDiv .box{
        height:100px;
        background:yellow;
        color:red;
        font-weight:bold;
        margin:10%;
        text-align:center;
        }
    .rightDiv{width:70%;height:1200px;}

</style>
</head>

<body>
    <div class="wrapper">
        <div class="topDiv">
        </div>
        <div class="leftDiv">
            <div class="box">
                fixed box
            </div>
        </div>
        <div class="rightDiv">
            <h2 class="marB15" >Diploma in Film Making | Duration : 2Years</h2>
                                <h3>Fee</h3>
                                <h4>Program Duration: 2 years (4 Semester)</h4>
                                Admission Fee: 42,000<br/>
                                Program Tuition Fee (Per Semester): 48,000<br/>
                                Examination Fee (Per Semester): 5,000<br/>
                                Security Deposit (Refundable): 10,000<br/>
                                <h4 class="padT10">Notes / Benefits / Penalties / Refunds:</h4>
                                <ul class="a">
                                    <li>All amounts are payable, unless mentioned otherwise to ‘Creo College’ by cheque / demand draft / NEFT / RTGS / online transfers. 
                                    Details for online transfer of funds can be collected from the admission desk</li>
                                    <li>Of the amounts payable in each installment, certain payments will need to be made to parties representing the University that is 
                                    granting the degrees. Appropriate intimation of such party names and the split in payments for each semester will be given. Examination 
                                    Fees, payable on an annual or semi-annual basis, to the University are additional. You will be intimated of the same as well.</li>
                                    <li>The Semester 1 installment includes security deposit, wherever applicable. This is non-interest bearing and refundable on course 
                                    completion or withdrawal, subject to deductions.</li>
                                    <li>All amounts are listed in Indian Rupees. The same amounts are payable by both Indian and International students.</li>
                                    <li>All payments made by Indian nationals must be accompanied by the Permanent Account Number (PAN) of the payee, without which fees will 
                                    not be accepted.</li>
                                    <li>Transfer of fees across / between courses is subject to management approval, on a case-by-case basis, and will involve a re-calculation 
                                    of fees based on the existing fees in the new course, the amount already paid by the student and where in the course (which semester) 
                                    the student chooses to transfer.</li>
                                    <li>Once a Semester has commenced, all fees paid / payable upto that date are non-refundable. Should a student leave his/her course
                                     mid-semester, any fees paid in advance for future semesters will be refunded, along with the security deposit paid, subject 
                                     to deductions.</li>
                                    <li>If a student wishes to withdraw from the course between 2 semesters, he / she has to convey the same in writing to the Dean and the 
                                    Administration Manager atleast 2 weeks prior to Semester commencement. After such date, entire fees payable for that semester will be 
                                    applicable.</li>
                                    <li>For 2-year & 3-year courses, students electing to pay the total tuition fees before Semester 1, will receive a fee waiver of 5% of the 
                                    fees paid in advance.</li>
                                    <li>Any scholarship / fee waiver / fee adjustment extended to a student will be used to reduce the fees payable for the final Semester 
                                    only of his/her course.</li>
                                    <li>Following payment lapses will attract penalties: 
                                        <ul class="padL15">
                                            <li>- A 1-week delay in Fee Payment will attract a penalty of Rs 1,500/- per week, including delays due to Creo not accepting 
                                            the fees on account of PAN unavailability / improper paperwork of the student.</li>
                                            <li>- Each act of cheque bouncing / dishonour of cheque will attract a penalty of Rs 5,000/-</li>
                                        </ul>
                                    </li>
                                    <li>Tuition fee does not include any additional study tour costs. While these are rare, if any, these have to be paid separately by the 
                                    students as and when required. Due notice will be given to students for the same.</li>
                                    <li>Adjustment of students’ dues / outstandings against advances / deposits / other considerations may be considered by management at its 
                                    discretion on a case-to-case basis.</li>
                                    <li>Excessively delayed fee payments may be cause for cancellation of admission.</li>
                                    <li>Fee Policies as above are subject to change at Management's discretion. Appropriate notification of the same will be given to all 
                                    students.</li>
                                </ul>
        </div>
    </div>
</body>
</html>

请看这个 fiddle :Link to fiddle

我希望黄色框应该在滚动页面时固定。但是不应该超过黑色 div。它只包含它的父 div 谁能帮我我如何使用 css position propery 调整它

最佳答案

如果你想保持固定位置试试这个http://jsfiddle.net/1y4s57rL/6/ 

$(window).scroll(function(){
if ($(window).scrollTop() > 150){
    $('.box').css("top" , "-20px");
}
 else {
      $('.box').css("top" , "250px");
}


 });

关于javascript - 在 html 中滚动时应固定黄色框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27841792/

25 4 0
文章推荐： c# - 如何同时正确下载文件？
文章推荐： html - 如何使页脚随内容 CSS 移动 - 无 float ，所有 block /内联 block
文章推荐： python - 使用 Python 从 CouchDB-Futon 编写的 View 中获取数据
文章推荐： c# - C# "dynamic"类型的对象是否可以始终序列化为有效的 JSON？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com