நிரம்பி வழிவதை நிறுத்துவது மற்றும் CSS ஐப் பயன்படுத்தி ஸ்க்ரோலிங் செய்வதை எப்படி இயக்குவது?

'குறிச்சொல்லிட்டு அதற்கு ஒரு வகுப்பை ஒதுக்கவும்' நிரம்பி வழிகிறது ”. பின்னர், பின்வரும் CSS பண்புகளை அந்த div உறுப்புக்கு ஒதுக்கவும்:

.நிரம்பி வழிகிறது {
அகலம் : 200px ;
உயரம் : 200px ;
வழிதல்-x : ஆட்டோ ;
வழிதல்-ஒய் : ஆட்டோ ;
சுருள்-நடத்தை : மென்மையான ;
}

மேலே உள்ள குறியீடு துணுக்கில்:

• முதலில், '200px' இன் மதிப்பு CSS ' ஆகிய இரண்டிற்கும் வழங்கப்படுகிறது அகலம் 'மற்றும்' உயரம் 'பண்புகள். இது வலைப்பக்கத்தில் காட்டப்படும் அட்டவணையின் அளவை அமைக்கிறது.
• அடுத்து, '' பயன்படுத்தவும் வழிதல்-x 'மற்றும்' வழிதல்-ஒய் ஸ்க்ரோலிங் செயல்படுத்த மற்றும் அமைக்க பண்புகள் ஆட்டோ ” மதிப்புகள் X மற்றும் Y- அச்சுக்கு.
• முடிவில், 'இன் மதிப்பை அமைக்கவும் மென்மையான ” முதல் ” சுருள்-நடத்தை ” ஒரு தடையற்ற பயனர் அனுபவத்தை வழங்க.

மேலே உள்ள குறியீடு துணுக்கைச் செயல்படுத்திய பிறகு, வலைப்பக்கம் இப்படித் தோன்றும்:

அட்டவணை இப்போது குறைவான இடத்தைப் பயன்படுத்துகிறது மற்றும் உள்ளடக்கம் நிரம்பி வழிவதை நிறுத்துகிறது என்பதை வலைப்பக்கம் விளக்குகிறது. கூடுதலாக, ஸ்க்ரோலிங் விளைவு இயக்கப்பட்டது.

குறிப்பு : அமைப்பதன் மூலம் ' வழிதல்: ஆட்டோ ' அல்லது ' வழிதல்: சுருள் ”, நிரம்பி வழியும் உள்ளடக்கத்திற்கு ஸ்க்ரோலிங் செய்வதை பயனர்கள் இயக்கலாம். கூடுதலாக, ' வழிதல் மறைத்து நிரம்பி வழிவதை முற்றிலும் தடுக்க பயன்படுத்தலாம்.

முடிவுரை

'ஓவர்ஃப்ளோ-எக்ஸ்' மற்றும் 'ஓவர்ஃப்ளோ-ஒய்' பண்புகள் வழிதல் கட்டுப்படுத்த மற்றும் கிடைமட்ட மற்றும் செங்குத்து அச்சில் ஸ்க்ரோலிங் செயல்படுத்த பயன்படுத்தப்படுகிறது. இது உள்ளடக்கம் நிரம்பி வழிவதைத் தடுக்கிறது மற்றும் எல்லாச் சாதனங்களுக்கும் ஊடாடும் பதிலளிக்கக்கூடிய வடிவமைப்பை உருவாக்க ஸ்க்ரோலிங் செயல்படுத்துகிறது. உள்ளடக்கம் நிரம்பி வழிவதைத் தடுப்பது மற்றும் CSSஐப் பயன்படுத்தி ஸ்க்ரோலிங் செய்வதை எவ்வாறு இயக்குவது என்பதை இந்தக் கட்டுரை விளக்கியுள்ளது.