[英]Scroll content inside a fixed div relative to the page
我正在建立自己的投資組合網站，並且想知道如何相對於頁面滾動在固定div內滾動內容。
我試過在固定div上放置一個絕對div，但是所有內容都不會停留在固定div內，而在固定div內嘗試則意味着內容保持靜止，並且我不想添加單獨的滾動條酒吧。
http://jsfiddle.net/wef2buyh/1/
<div class = "title">
<h1 style = "font-size: 200%;">A Portfolio</h1>
<h1 >Barney</h1>
</div>
<div class = "main" id = "mainDiv">
<div id = "innerDiv" class = "fixed" style="height:1500px;background-color: rgb(255, 255, 255);font-size:36px; transform: translate(0%, 500px)">
</div>
</div>
<div style = "size: 100%; position: absolute; top: 1000px; left: 20px; overflow: hidden; clip: rect(10px, scrollY ,2px, 100%); background-attachment: fixed" id = "div">
<p id = "scrollable">Text, blah blah. </p>
</div>
我期望文本位於白框內，但實際上是從中流出的。
為了使白色標題流入白色段落，您需要刪除position: sticky; 來自.fixed 。
這是合乎邏輯的； 只有標題需要“粘在”屏幕頂部，而白色段落只有在向下滾動時才可見。
希望這對您有用，請使用javassript onscroll函數實現，請找到代碼段。
var div = document.getElementById("imgDiv"); function myFunction() { if(window.scrollY >= 1300){ div.style.position = 'fixed' div.style.top = '-1300px' }else{ div.style.position = 'absolute' div.style.top = '0px' } }
<style> body{ margin : 0px; } .newDiv { background-image: url("https://i.imgur.com/EdAGGFS.jpg"); overflow: scroll; height: 1500px; position: absolute; width: 100%; z-index: 10; } .onScrollTopClass{ position: fixed; top: -1300px; } h1 { color: rgb(255, 255, 255); font-style: oblique; font-size: 500%; top: 0%; margin: none; position: fixed; } .title { height: 160px; width: 100%; position:sticky; top: 0%; left: 10%; z-index: 11; } .main { width: 100%; height:20000px; top: 0px; margin-top: 300px; } .fixed { width: 100%; height:100%; background-color: rgb(255, 255, 255); font-size:36px; position: sticky; top: -350px; overflow-y:wrap; } .test{ position: absolute; top: 1556px; left: 20px; overflow: hidden; } </style>
<body onscroll="myFunction()"> <div class="newDiv" id="imgDiv"> </div> <div class = "title"><h1 style = "font-size: 200%;">A Portfolio</h1><h1 >Barney</h1> </div> <div class="test"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id lobortis felis. Etiam commodo leo nec ante lacinia, ut placerat massa posuere. Morbi consectetur ante metus. Suspendisse potenti. Donec lacus velit, maximus sit amet nulla at, ornare maximus risus. Nunc scelerisque at dui eget finibus. Donec odio leo, tristique vitae mi ac, faucibus rhoncus orci. Nam blandit lacus ac vehicula commodo. Mauris hendrerit massa dui, eu accumsan libero semper ut. Proin in vehicula nisl. Nam nec molestie ipsum, a imperdiet diam. Donec scelerisque, tortor id auctor ultricies, lorem erat tristique velit, nec accumsan purus nisi sed nibh. Phasellus varius erat at nibh dignissim, eget maximus diam varius. Sed pulvinar pretium luctus. Nunc dapibus arcu ligula, quis iaculis sem interdum a. Cras scelerisque eros vel dignissim varius. Nunc vitae interdum felis, ac viverra magna. Phasellus velit lorem, fringilla ut metus sit amet, tincidunt ultricies enim. Vivamus tempor rhoncus erat at molestie. Integer euismod lorem nec nisl ultricies sodales eu sit amet augue. Nullam sit amet eleifend odio. Donec et velit convallis, imperdiet quam at, semper elit. Suspendisse potenti. Aenean non enim risus. Cras in tellus eget dui imperdiet fringilla eu id sem. Nullam ac ligula tristique ex pharetra dapibus eu ac ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eleifend mauris vel ipsum viverra sollicitudin. Maecenas pretium accumsan velit at feugiat. Etiam venenatis blandit urna, sit amet sollicitudin ipsum consequat et. Cras malesuada varius fringilla. Morbi tincidunt est nunc, ac efficitur metus dignissim et. Nulla egestas arcu in efficitur lacinia. Proin eget tortor quis lacus mattis laoreet vel a nulla. Curabitur nisl nulla, suscipit at mollis sit amet, condimentum id est. Sed euismod in tortor ac bibendum. Vestibulum auctor lorem quis feugiat mollis. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed sit amet ullamcorper tellus. Etiam rhoncus, ex pharetra porttitor ultricies, lectus turpis sollicitudin risus, id tempor erat dui vel purus. Integer non vestibulum ex, a scelerisque urna. Integer cursus, massa consectetur dictum tempor, metus leo laoreet metus, a tristique massa felis in mi. Aenean sit amet dignissim purus. Phasellus vel felis eu massa porttitor pellentesque sed a libero. Vivamus porttitor ex risus, in semper eros laoreet rhoncus. Donec suscipit vestibulum diam, vel placerat massa tincidunt vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sollicitudin nisl sed ligula fermentum, tempor sagittis purus luctus. Phasellus blandit semper purus a egestas. Aenean aliquet eget odio non laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec quis erat magna. Nam et dolor est. Donec consectetur mauris vel ligula lacinia faucibus. Sed nec commodo orci, sit amet interdum tortor. Pellentesque nisl mauris, tristique interdum nulla sed, ullamcorper volutpat sapien. Donec dignissim scelerisque maximus. Vivamus quis purus commodo, condimentum arcu in, elementum mauris. Nulla quis sagittis lectus. Nunc ultrices pretium tristique. Vestibulum volutpat tempus ultrices. Maecenas et cursus nulla. Nunc ut odio ut orci euismod elementum commodo ac eros. In pellentesque mattis consectetur. Nam ultrices massa id urna fringilla feugiat. Donec non diam euismod lorem elementum semper. Fusce ut tellus eget massa mattis condimentum. Pellentesque in placerat eros. Phasellus ornare magna ut auctor ullamcorper. In auctor neque ante, vel congue nisi bibendum scelerisque. In imperdiet metus ligula, id volutpat metus viverra vel. Vestibulum malesuada dolor nec quam egestas laoreet. Aliquam lacinia pulvinar ligula eget ultrices. Aenean rutrum facilisis justo eget suscipit. Integer elit diam, volutpat et efficitur non, auctor vel quam. Pellentesque sem sem, elementum quis lobortis vel, aliquet sit amet orci. Donec lacinia lorem a arcu pretium, sed fringilla turpis imperdiet. Nam ullamcorper varius turpis, et posuere eros rhoncus a. Fusce sollicitudin, turpis non semper dictum, est ipsum convallis lorem, id ullamcorper felis odio ac est. Mauris sapien felis, pretium ac leo sed, aliquam lacinia neque. Ut dapibus laoreet lectus eget aliquam. Proin justo sem, dignissim a fermentum accumsan, vehicula at nisl. Curabitur auctor, nulla vitae euismod mollis, orci mauris fermentum neque, id dictum ex diam sit amet nisi. Duis id auctor libero. Vivamus placerat non mi vel rhoncus. Sed velit metus, lobortis sit amet leo ut, mollis aliquet tellus. Maecenas ultricies lacinia ligula, in congue urna vehicula lobortis. Aenean vehicula tempor iaculis. Curabitur sed enim eu magna faucibus dapibus. Nullam scelerisque urna nec mauris lobortis hendrerit. Cras ultricies orci ex, iaculis ultricies tellus ullamcorper quis. Suspendisse mattis erat et tortor vestibulum, quis finibus neque ullamcorper. Aenean sem mi, placerat a viverra ut, aliquam sed ligula. Nullam pretium feugiat augue, vulputate volutpat elit bibendum eu. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id lobortis felis. Etiam commodo leo nec ante lacinia, ut placerat massa posuere. Morbi consectetur ante metus. Suspendisse potenti. Donec lacus velit, maximus sit amet nulla at, ornare maximus risus. Nunc scelerisque at dui eget finibus. Donec odio leo, tristique vitae mi ac, faucibus rhoncus orci. Nam blandit lacus ac vehicula commodo. Mauris hendrerit massa dui, eu accumsan libero semper ut. Proin in vehicula nisl. Nam nec molestie ipsum, a imperdiet diam. Donec scelerisque, tortor id auctor ultricies, lorem erat tristique velit, nec accumsan purus nisi sed nibh. Phasellus varius erat at nibh dignissim, eget maximus diam varius. Sed pulvinar pretium luctus. Nunc dapibus arcu ligula, quis iaculis sem interdum a. Cras scelerisque eros vel dignissim varius. Nunc vitae interdum felis, ac viverra magna. Phasellus velit lorem, fringilla ut metus sit amet, tincidunt ultricies enim. Vivamus tempor rhoncus erat at molestie. Integer euismod lorem nec nisl ultricies sodales eu sit amet augue. Nullam sit amet eleifend odio. Donec et velit convallis, imperdiet quam at, semper elit. Suspendisse potenti. Aenean non enim risus. Cras in tellus eget dui imperdiet fringilla eu id sem. Nullam ac ligula tristique ex pharetra dapibus eu ac ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eleifend mauris vel ipsum viverra sollicitudin. Maecenas pretium accumsan velit at feugiat. Etiam venenatis blandit urna, sit amet sollicitudin ipsum consequat et. Cras malesuada varius fringilla. Morbi tincidunt est nunc, ac efficitur metus dignissim et. Nulla egestas arcu in efficitur lacinia. Proin eget tortor quis lacus mattis laoreet vel a nulla. Curabitur nisl nulla, suscipit at mollis sit amet, condimentum id est. Sed euismod in tortor ac bibendum. Vestibulum auctor lorem quis feugiat mollis. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed sit amet ullamcorper tellus. Etiam rhoncus, ex pharetra porttitor ultricies, lectus turpis sollicitudin risus, id tempor erat dui vel purus. Integer non vestibulum ex, a scelerisque urna. Integer cursus, massa consectetur dictum tempor, metus leo laoreet metus, a tristique massa felis in mi. Aenean sit amet dignissim purus. Phasellus vel felis eu massa porttitor pellentesque sed a libero. Vivamus porttitor ex risus, in semper eros laoreet rhoncus. Donec suscipit vestibulum diam, vel placerat massa tincidunt vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sollicitudin nisl sed ligula fermentum, tempor sagittis purus luctus. Phasellus blandit semper purus a egestas. Aenean aliquet eget odio non laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec quis erat magna. Nam et dolor est. Donec consectetur mauris vel ligula lacinia faucibus. Sed nec commodo orci, sit amet interdum tortor. Pellentesque nisl mauris, tristique interdum nulla sed, ullamcorper volutpat sapien. Donec dignissim scelerisque maximus. Vivamus quis purus commodo, condimentum arcu in, elementum mauris. Nulla quis sagittis lectus. Nunc ultrices pretium tristique. Vestibulum volutpat tempus ultrices. Maecenas et cursus nulla. Nunc ut odio ut orci euismod elementum commodo ac eros. In pellentesque mattis consectetur. Nam ultrices massa id urna fringilla feugiat. Donec non diam euismod lorem elementum semper. Fusce ut tellus eget massa mattis condimentum. Pellentesque in placerat eros. Phasellus ornare magna ut auctor ullamcorper. In auctor neque ante, vel congue nisi bibendum scelerisque. In imperdiet metus ligula, id volutpat metus viverra vel. Vestibulum malesuada dolor nec quam egestas laoreet. Aliquam lacinia pulvinar ligula eget ultrices. Aenean rutrum facilisis justo eget suscipit. Integer elit diam, volutpat et efficitur non, auctor vel quam. Pellentesque sem sem, elementum quis lobortis vel, aliquet sit amet orci. Donec lacinia lorem a arcu pretium, sed fringilla turpis imperdiet. Nam ullamcorper varius turpis, et posuere eros rhoncus a. Fusce sollicitudin, turpis non semper dictum, est ipsum convallis lorem, id ullamcorper felis odio ac est. Mauris sapien felis, pretium ac leo sed, aliquam lacinia neque. Ut dapibus laoreet lectus eget aliquam. Proin justo sem, dignissim a fermentum accumsan, vehicula at nisl. Curabitur auctor, nulla vitae euismod mollis, orci mauris fermentum neque, id dictum ex diam sit amet nisi. Duis id auctor libero. Vivamus placerat non mi vel rhoncus. Sed velit metus, lobortis sit amet leo ut, mollis aliquet tellus. Maecenas ultricies lacinia ligula, in congue urna vehicula lobortis. Aenean vehicula tempor iaculis. Curabitur sed enim eu magna faucibus dapibus. Nullam scelerisque urna nec mauris lobortis hendrerit. Cras ultricies orci ex, iaculis ultricies tellus ullamcorper quis. Suspendisse mattis erat et tortor vestibulum, quis finibus neque ullamcorper. Aenean sem mi, placerat a viverra ut, aliquam sed ligula. Nullam pretium feugiat augue, vulputate volutpat elit bibendum eu. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id lobortis felis. Etiam commodo leo nec ante lacinia, ut placerat massa posuere. Morbi consectetur ante metus. Suspendisse potenti. Donec lacus velit, maximus sit amet nulla at, ornare maximus risus. Nunc scelerisque at dui eget finibus. Donec odio leo, tristique vitae mi ac, faucibus rhoncus orci. Nam blandit lacus ac vehicula commodo. Mauris hendrerit massa dui, eu accumsan libero semper ut. Proin in vehicula nisl. Nam nec molestie ipsum, a imperdiet diam. Donec scelerisque, tortor id auctor ultricies, lorem erat tristique velit, nec accumsan purus nisi sed nibh. Phasellus varius erat at nibh dignissim, eget maximus diam varius. Sed pulvinar pretium luctus. Nunc dapibus arcu ligula, quis iaculis sem interdum a. Cras scelerisque eros vel dignissim varius. Nunc vitae interdum felis, ac viverra magna. Phasellus velit lorem, fringilla ut metus sit amet, tincidunt ultricies enim. Vivamus tempor rhoncus erat at molestie. Integer euismod lorem nec nisl ultricies sodales eu sit amet augue. Nullam sit amet eleifend odio. Donec et velit convallis, imperdiet quam at, semper elit. Suspendisse potenti. Aenean non enim risus. Cras in tellus eget dui imperdiet fringilla eu id sem. Nullam ac ligula tristique ex pharetra dapibus eu ac ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eleifend mauris vel ipsum viverra sollicitudin. Maecenas pretium accumsan velit at feugiat. Etiam venenatis blandit urna, sit amet sollicitudin ipsum consequat et. Cras malesuada varius fringilla. Morbi tincidunt est nunc, ac efficitur metus dignissim et. Nulla egestas arcu in efficitur lacinia. Proin eget tortor quis lacus mattis laoreet vel a nulla. Curabitur nisl nulla, suscipit at mollis sit amet, condimentum id est. Sed euismod in tortor ac bibendum. Vestibulum auctor lorem quis feugiat mollis. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed sit amet ullamcorper tellus. Etiam rhoncus, ex pharetra porttitor ultricies, lectus turpis sollicitudin risus, id tempor erat dui vel purus. Integer non vestibulum ex, a scelerisque urna. Integer cursus, massa consectetur dictum tempor, metus leo laoreet metus, a tristique massa felis in mi. Aenean sit amet dignissim purus. Phasellus vel felis eu massa porttitor pellentesque sed a libero. Vivamus porttitor ex risus, in semper eros laoreet rhoncus. Donec suscipit vestibulum diam, vel placerat massa tincidunt vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sollicitudin nisl sed ligula fermentum, tempor sagittis purus luctus. Phasellus blandit semper purus a egestas. Aenean aliquet eget odio non laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec quis erat magna. Nam et dolor est. Donec consectetur mauris vel ligula lacinia faucibus. Sed nec commodo orci, sit amet interdum tortor. Pellentesque nisl mauris, tristique interdum nulla sed, ullamcorper volutpat sapien. Donec dignissim scelerisque maximus. Vivamus quis purus commodo, condimentum arcu in, elementum mauris. Nulla quis sagittis lectus. Nunc ultrices pretium tristique. Vestibulum volutpat tempus ultrices. Maecenas et cursus nulla. Nunc ut odio ut orci euismod elementum commodo ac eros. In pellentesque mattis consectetur. Nam ultrices massa id urna fringilla feugiat. Donec non diam euismod lorem elementum semper. Fusce ut tellus eget massa mattis condimentum. Pellentesque in placerat eros. Phasellus ornare magna ut auctor ullamcorper. In auctor neque ante, vel congue nisi bibendum scelerisque. In imperdiet metus ligula, id volutpat metus viverra vel. Vestibulum malesuada dolor nec quam egestas laoreet. Aliquam lacinia pulvinar ligula eget ultrices. Aenean rutrum facilisis justo eget suscipit. Integer elit diam, volutpat et efficitur non, auctor vel quam. Pellentesque sem sem, elementum quis lobortis vel, aliquet sit amet orci. Donec lacinia lorem a arcu pretium, sed fringilla turpis imperdiet. Nam ullamcorper varius turpis, et posuere eros rhoncus a. Fusce sollicitudin, turpis non semper dictum, est ipsum convallis lorem, id ullamcorper felis odio ac est. Mauris sapien felis, pretium ac leo sed, aliquam lacinia neque. Ut dapibus laoreet lectus eget aliquam. Proin justo sem, dignissim a fermentum accumsan, vehicula at nisl. Curabitur auctor, nulla vitae euismod mollis, orci mauris fermentum neque, id dictum ex diam sit amet nisi. Duis id auctor libero. Vivamus placerat non mi vel rhoncus. Sed velit metus, lobortis sit amet leo ut, mollis aliquet tellus. Maecenas ultricies lacinia ligula, in congue urna vehicula lobortis. Aenean vehicula tempor iaculis. Curabitur sed enim eu magna faucibus dapibus. Nullam scelerisque urna nec mauris lobortis hendrerit. Cras ultricies orci ex, iaculis ultricies tellus ullamcorper quis. Suspendisse mattis erat et tortor vestibulum, quis finibus neque ullamcorper. Aenean sem mi, placerat a viverra ut, aliquam sed ligula. Nullam pretium feugiat augue, vulputate volutpat elit bibendum eu. Suspendisse potenti. </div> </body>
使用position: relative而不是絕對位置。 然后在具有position:fixed和height:160px樣式的元素之后的第一個div處添加margin-top:160px 。
這是一個簡單的解決方案：
* { box-sizing: border-box } body { margin: 0; padding: 0; background: #4B89DA } .title { height: 160px; width: 100%; position: fixed; top: 0; padding: 2% 0 0 2%; background: #424953; z-index: 1 } .title>h1 { color: rgb(255, 255, 255); font-style: oblique; margin: 0 } .title>h1:first-child { font-size: 200% } .title>h1:last-child { font-size: 500% } .main { width: 95%; position: relative; margin: calc(160px + 2%) 2.5% 2% 2.5%; background: white; padding: 2% }
<div class="title"> <h1>A Portfolio</h1> <h1>Barney</h1> </div> <div class="main"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id lobortis felis. Etiam commodo leo nec ante lacinia, ut placerat massa posuere. Morbi consectetur ante metus. Suspendisse potenti. Donec lacus velit, maximus sit amet nulla at, ornare maximus risus. Nunc scelerisque at dui eget finibus. Donec odio leo, tristique vitae mi ac, faucibus rhoncus orci. Nam blandit lacus ac vehicula commodo. Mauris hendrerit massa dui, eu accumsan libero semper ut. Proin in vehicula nisl. Nam nec molestie ipsum, a imperdiet diam. Donec scelerisque, tortor id auctor ultricies, lorem erat tristique velit, nec accumsan purus nisi sed nibh. Phasellus varius erat at nibh dignissim, eget maximus diam varius. Sed pulvinar pretium luctus. Nunc dapibus arcu ligula, quis iaculis sem interdum a. Cras scelerisque eros vel dignissim varius. Nunc vitae interdum felis, ac viverra magna. Phasellus velit lorem, fringilla ut metus sit amet, tincidunt ultricies enim. Vivamus tempor rhoncus erat at molestie. Integer euismod lorem nec nisl ultricies sodales eu sit amet augue. Nullam sit amet eleifend odio. Donec et velit convallis, imperdiet quam at, semper elit. Suspendisse potenti. Aenean non enim risus in tellus eget dui imperdiet fringilla eu id sem. Nullam ac ligula tristique ex pharetra dapibus eu ac ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eleifend mauris vel ipsum viverra sollicitudin. Maecenas pretium accumsan velit at feugiat. Etiam venenatis blandit urna, sit amet sollicitudin ipsum consequat et. Cras malesuada varius fringilla. Morbi tincidunt est nunc, ac efficitur metus dignissim et. Nulla egestas arcu in efficitur lacinia. Proin eget tortor quis lacus mattis laoreet vel a nulla. Curabitur nisl nulla, suscipit at mollis sit amet, condimentum id est. Sed euismod in tortor ac bibendum. Vestibulum auctor lorem quis feugiat mollis. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed sit amet ullamcorper tellus. Etiam rhoncus, ex pharetra porttitor ultricies, lectus turpis sollicitudin risus, id tempor erat dui vel purus. Integer non vestibulum ex, a scelerisque urna. Integer cursus, massa consectetur dictum tempor, metus leo laoreet metus, a tristique massa felis in mi. Aenean sit amet dignissim purus. Phasellus vel felis eu massa porttitor pellentesque sed a libero. Vivamus porttitor ex risus, in semper eros laoreet rhoncus. Donec suscipit vestibulum diam, vel placerat massa tincidunt vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sollicitudin nisl sed ligula fermentum, tempor sagittis purus luctus. Phasellus blandit semper purus a egestas. Aenean aliquet eget odio non laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec quis erat magna. Nam et dolor est. Donec consectetur mauris vel ligula lacinia faucibus. Sed nec commodo orci, sit amet interdum tortor. Pellentesque nisl mauris, tristique interdum nulla sed, ullamcorper volutpat sapien. Donec dignissim scelerisque maximus. Vivamus quis purus commodo, condimentum arcu in, elementum mauris. Nulla quis sagittis lectus. Nunc ultrices pretium tristique. Vestibulum volutpat tempus ultrices. Maecenas et cursus nulla. Nunc ut odio ut orci euismod elementum commodo ac eros. In pellentesque mattis consectetur. Nam ultrices massa id urna fringilla feugiat. Donec non diam euismod lorem elementum semper. Fusce ut tellus eget massa mattis condimentum. Pellentesque in placerat eros. Phasellus ornare magna ut auctor ullamcorper. In auctor neque ante, vel congue nisi bibendum scelerisque. In imperdiet metus ligula, id volutpat metus viverra vel. Vestibulum malesuada dolor nec quam egestas laoreet. Aliquam lacinia pulvinar ligula eget ultrices. Aenean rutrum facilisis justo eget suscipit. Integer elit diam, volutpat et efficitur non, auctor vel quam. Pellentesque sem sem, elementum quis lobortis vel, aliquet sit amet orci. Donec lacinia lorem a arcu pretium, sed fringilla turpis imperdiet. Nam ullamcorper varius turpis, et posuere eros rhoncus a. Fusce sollicitudin, turpis non semper dictum, est ipsum convallis lorem, id ullamcorper felis odio ac est. Mauris sapien felis, pretium ac leo sed, aliquam lacinia neque. Ut dapibus laoreet lectus eget aliquam. Proin justo sem, dignissim a fermentum accumsan, vehicula at nisl. Curabitur auctor, nulla vitae euismod mollis, orci mauris fermentum neque, id dictum ex diam sit amet nisi. Duis id auctor libero. Vivamus placerat non mi vel rhoncus. Sed velit metus, lobortis sit amet leo ut, mollis aliquet tellus. Maecenas ultricies lacinia ligula, in congue urna vehicula lobortis. Aenean vehicula tempor iaculis. Curabitur sed enim eu magna faucibus dapibus. Nullam scelerisque urna nec mauris lobortis hendrerit. Cras ultricies orci ex, iaculis ultricies tellus ullamcorper quis. Suspendisse mattis erat et tortor vestibulum, quis finibus neque ullamcorper. Aenean sem mi, placerat a viverra ut, aliquam sed ligula. Nullam pretium feugiat augue, vulputate volutpat elit bibendum eu. Suspendisse potenti. </div>
在固定Div內的相對DIV內的絕對DIV在滾動時消失
[英]Absolute DIV inside a relative DIV inside a fixed Div disappears on scroll
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.