Oceanic Mind
Slowly, and then all at once.
I'm pretty sure making the text invisible is not the answer, but I don't know what the answer is!! So this is what I'm trying to do in regards to this code right here
I want the title/name to remain sticky but I would love to know if there's a way to make the body text disappear behind/not overlap it without adding a background. If not, I can just suck it up and abandon the aesthetic for function.
Code:
[border=0; margin:auto; overflow:hidden; width:1000px; height:500px; display:flex; flex-flow: row nowrap;][comment]
///
[/comment][border=0; margin-left:75px ; width:40%; display:flex; flex-flow: column nowrap; overflow:hidden;][border=0; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0; height:auto; width:50%; padding: 0px;][border=0; top:0; position:sticky; border-bottom:2px solid; text-align:center;]NAMENAMENAME[/border][comment]
[/comment][border=0; text-align:justify;]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Gravida rutrum quisque non tellus orci. Fringilla est ullamcorper eget nulla facilisi etiam. Ac turpis egestas integer eget aliquet nibh praesent tristique. Urna molestie at elementum eu facilisis. Nunc mattis enim ut tellus elementum sagittis vitae et. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Nunc id cursus metus aliquam eleifend mi in nulla posuere. Duis at consectetur lorem donec massa sapien faucibus et. Eu scelerisque felis imperdiet proin fermentum leo vel. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Nec feugiat nisl pretium fusce id velit. Faucibus pulvinar elementum integer enim neque. Est velit egestas dui id. Odio euismod lacinia at quis risus sed vulputate odio ut. Tristique magna sit amet purus gravida quis blandit turpis cursus.
A scelerisque purus semper eget duis. In nibh mauris cursus mattis molestie. Id consectetur purus ut faucibus. Non pulvinar neque laoreet suspendisse interdum consectetur. Scelerisque purus semper eget duis at tellus at urna condimentum. Lectus proin nibh nisl condimentum id venenatis a. Porttitor rhoncus dolor purus non enim praesent. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Cursus turpis massa tincidunt dui ut ornare lectus sit. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer. Maecenas ultricies mi eget mauris pharetra. Ac felis donec et odio pellentesque diam volutpat commodo. At tellus at urna condimentum. Elit ut aliquam purus sit amet luctus. Non enim praesent elementum facilisis leo. Bibendum at varius vel pharetra vel turpis nunc.
[/border]
[/border][/border][/border][comment]
///
[/comment][border=0; width:40%; display:flex; flex-flow: column nowrap; margin-left:10px; overflow:hidden;][border=0; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0; height:auto; width:50%; padding: 0px;][border=0; top:0; position:sticky; border-bottom:2px solid; text-align:center;]NAMENAMENAME[/border][comment]
[/comment][border=0; text-align:justify;]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Gravida rutrum quisque non tellus orci. Fringilla est ullamcorper eget nulla facilisi etiam. Ac turpis egestas integer eget aliquet nibh praesent tristique. Urna molestie at elementum eu facilisis. Nunc mattis enim ut tellus elementum sagittis vitae et. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Nunc id cursus metus aliquam eleifend mi in nulla posuere. Duis at consectetur lorem donec massa sapien faucibus et. Eu scelerisque felis imperdiet proin fermentum leo vel. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Nec feugiat nisl pretium fusce id velit. Faucibus pulvinar elementum integer enim neque. Est velit egestas dui id. Odio euismod lacinia at quis risus sed vulputate odio ut. Tristique magna sit amet purus gravida quis blandit turpis cursus.
A scelerisque purus semper eget duis. In nibh mauris cursus mattis molestie. Id consectetur purus ut faucibus. Non pulvinar neque laoreet suspendisse interdum consectetur. Scelerisque purus semper eget duis at tellus at urna condimentum. Lectus proin nibh nisl condimentum id venenatis a. Porttitor rhoncus dolor purus non enim praesent. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Cursus turpis massa tincidunt dui ut ornare lectus sit. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer. Maecenas ultricies mi eget mauris pharetra. Ac felis donec et odio pellentesque diam volutpat commodo. At tellus at urna condimentum. Elit ut aliquam purus sit amet luctus. Non enim praesent elementum facilisis leo. Bibendum at varius vel pharetra vel turpis nunc.
[/border]
[/border][/border][/border]
[/border]I want the title/name to remain sticky but I would love to know if there's a way to make the body text disappear behind/not overlap it without adding a background. If not, I can just suck it up and abandon the aesthetic for function.
Last edited:
