Shooting the mobile end version wants to achieve this effect in the header header.

recently, in the mobile version, if you want to achieve such an effect in the header header, please see the following:

if you want to keep both sides of the head motionless, the middle part of the head can roll. If there is code directly, it is not appreciated

.

you want to achieve the effect shown in the figure. Can you drag and roll in the middle on both sides? can this typesetting be achieved? Do not want to recommend plug-ins, etc.


the element of horizontal scrolling is

.nav{
  white-space:nowrap;
  overflow:auto
}

here is an example

https://codepen.io/xboxyan/pe.


Thank you for the invitation:

 :

    header   overflow
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e63219-459f5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e63219-459f5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?