Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
221 views
in Technique[技术] by (71.8m points)

html - How can i set a product buying corner image on footer which will be scrollable

I want to add a sticky image in my footer. I want to accomplish this using only html and css. Can anyone help me figure out how to do this?

here is the image - https://prnt.sc/whc1kq

also, here is my html and css code:

html- https://prnt.sc/whca7m

css- https://prnt.sc/whc528

thank you in advance


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

For aligning any image at bottom of the screen with sticky behaviour

.fixImage{
position: fixed;
bottom: 0;
right: 0;
}
<img src="yourimagepath" class="fixImage"/>

As per the requester query I have updated code with max-width: 250px

    .fixImage{
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 250px;
    }
<img src="https://placehold.it/412x413" class="fixImage"/>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

1.4m articles

1.4m replys

5 comments

57.0k users

...